bookreadkun https://blog.hatena.ne.jp/bookreadkun/ おーみんブログ https://oooomincrypto.hatenadiary.jp/ React はじめに Reactを用いて円グラフを書く機会があったので備忘録として記載します。 Recharts RechartsはReactベースのチャートライブラリです。 描画はSVG形式で行われます。 recharts.org 円グラフを実装してみる 以下のような円グラフを実装します。 公式のサンプルを参考に、コードを書いてみます。 export const SamplePieChart: FC = memo(() => { const data = [ { name: 'カテゴリ1', value: 100 }, { name: 'カテゴリ2', value: 200 }, { name: 'カテ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Foooomincrypto.hatenadiary.jp%2Fentry%2F2022%2F08%2F27%2F163032" title="React + Rechartsで円グラフを表示する！ - おーみんブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookreadkun/20220827/20220827162241.png Hatena Blog https://hatena.blog 2022-08-27 16:30:32 rich https://oooomincrypto.hatenadiary.jp/entry/2022/08/27/163032 1.0 100%