{"provider_url":"https://hatena.blog","provider_name":"Hatena Blog","type":"rich","url":"https://kagasu.hatenablog.com/entry/2024/05/07/001736","published":"2024-05-07 00:17:36","categories":["React"],"author_url":"https://blog.hatena.ne.jp/kagasu/","title":"ECharts\u3092\u5229\u7528\u3057\u3066\u30b0\u30e9\u30d5\u3092\u63cf\u753b\u3059\u308b\u65b9\u6cd5","blog_url":"https://kagasu.hatenablog.com/","width":"100%","author_name":"kagasu","description":"\u2160. \u306f\u3058\u3081\u306b \u30bf\u30a4\u30c8\u30eb\u306e\u901a\u308a\u300cECharts\u3092\u5229\u7528\u3057\u3066\u30b0\u30e9\u30d5\u3092\u63cf\u753b\u3059\u308b\u65b9\u6cd5\u300d\u3067\u3059 \u2161. \u624b\u9806 1. ECharts \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b npm install echarts-for-react 2. \u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u3092\u66f8\u304f import ReactECharts from 'echarts-for-react' export default function App() { const options = { grid: { top: 8, right: 8, bottom: 24, left: 36 }, xAxis: { type: 'category', data: ['Mon', '\u2026","blog_title":"\u5099\u5fd8\u9332","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkagasu.hatenablog.com%2Fentry%2F2024%2F05%2F07%2F001736\" title=\"ECharts\u3092\u5229\u7528\u3057\u3066\u30b0\u30e9\u30d5\u3092\u63cf\u753b\u3059\u308b\u65b9\u6cd5 - \u5099\u5fd8\u9332\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","height":"190","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kagasu/20240507/20240507001700.png","version":"1.0"}