Chart with React - Githubissues

Tatsukiyoshi / Weekend_Programming

The result of my study of programming over the weekend

0 stars 0 forks source link

Closed Tatsukiyoshi closed 1 week ago

Tatsukiyoshi commented 1 month ago

Reactで折れ線グラフや棒グラフを描画するため、Chart.jsを試す react-chartjs-2

Tatsukiyoshi commented 1 month ago

まずは、bun + vite で reactプロジェクトを作成

bun create vite

Tatsukiyoshi commented 1 month ago

続けて、

Chart.js および React Component for Chart.js をプロジェクトに追加
```
bun add chart.js react-chartjs-2
```
棒グラフと折れ線グラフが混在したサンプルを試す -> Multitype Chart
しかし、faker が必要なうえ、参照する記述に誤りがあったので、公式サイトで確認し、修正
- faker をプロジェクトに追加
```
bun add @faker-js/faker
```
- faker を参照する記述を修正
```
import { faker } from '@faker-js/faker';
```

Tatsukiyoshi commented 1 month ago

Tatsukiyoshi commented 1 week ago

ReactGridとChart.jsを両方使うアプリを作成してみるため、別Issueに移行する