プロジェクトセットアップ Reactプロジェクト生成 npx create-react-app project-name --template typescript project-name部分に自分のプロジェクト名を書いてください。 ライブラリ追加 npm i chart.js react-chartjs-2 react-chartjs-2にtypeが定義されているので@types/react-chartjs-2じゃなくてreact-chartjs-2を設置してください。 chart.jsはreact-chartjs-2利用するために設置します。 Code example Graph.tsxをsrc/に作ってください。 // src/Graph.tsx import { Bar } from 'react-chartjs-2'; const Graph = () => { const d
![React/TSでChart.jsやってみる | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/406d924d7d4c6327201a8281e75820982243f551/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F01%2Freact.jpg)