{"blog_title":"\u304a\u30fc\u307f\u3093\u30d6\u30ed\u30b0","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookreadkun/20220827/20220827162241.png","author_name":"bookreadkun","published":"2022-08-27 16:30:32","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Foooomincrypto.hatenadiary.jp%2Fentry%2F2022%2F08%2F27%2F163032\" title=\"React + Recharts\u3067\u5186\u30b0\u30e9\u30d5\u3092\u8868\u793a\u3059\u308b\uff01 - \u304a\u30fc\u307f\u3093\u30d6\u30ed\u30b0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","author_url":"https://blog.hatena.ne.jp/bookreadkun/","url":"https://oooomincrypto.hatenadiary.jp/entry/2022/08/27/163032","blog_url":"https://oooomincrypto.hatenadiary.jp/","categories":["React"],"height":"190","description":"\u306f\u3058\u3081\u306b React\u3092\u7528\u3044\u3066\u5186\u30b0\u30e9\u30d5\u3092\u66f8\u304f\u6a5f\u4f1a\u304c\u3042\u3063\u305f\u306e\u3067\u5099\u5fd8\u9332\u3068\u3057\u3066\u8a18\u8f09\u3057\u307e\u3059\u3002 Recharts Recharts\u306fReact\u30d9\u30fc\u30b9\u306e\u30c1\u30e3\u30fc\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u3059\u3002 \u63cf\u753b\u306fSVG\u5f62\u5f0f\u3067\u884c\u308f\u308c\u307e\u3059\u3002 recharts.org \u5186\u30b0\u30e9\u30d5\u3092\u5b9f\u88c5\u3057\u3066\u307f\u308b \u4ee5\u4e0b\u306e\u3088\u3046\u306a\u5186\u30b0\u30e9\u30d5\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002 \u516c\u5f0f\u306e\u30b5\u30f3\u30d7\u30eb\u3092\u53c2\u8003\u306b\u3001\u30b3\u30fc\u30c9\u3092\u66f8\u3044\u3066\u307f\u307e\u3059\u3002 export const SamplePieChart: FC = memo(() => { const data = [ { name: '\u30ab\u30c6\u30b4\u30ea1', value: 100 }, { name: '\u30ab\u30c6\u30b4\u30ea2', value: 200 }, { name: '\u30ab\u30c6\u2026","version":"1.0","provider_url":"https://hatena.blog","type":"rich","title":"React + Recharts\u3067\u5186\u30b0\u30e9\u30d5\u3092\u8868\u793a\u3059\u308b\uff01","width":"100%","provider_name":"Hatena Blog"}