{"id":486,"date":"2026-06-20T14:31:16","date_gmt":"2026-06-20T06:31:16","guid":{"rendered":"https:\/\/mitongxue.cn\/?p=486"},"modified":"2026-06-20T14:31:16","modified_gmt":"2026-06-20T06:31:16","slug":"echarts-for-react","status":"publish","type":"post","link":"https:\/\/mitongxue.cn\/index.php\/2026\/06\/20\/echarts-for-react\/","title":{"rendered":"ECharts for React"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">ECharts \u7684 React \u7ec4\u4ef6\u5c01\u88c5<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/git.hust.cc\/echarts-for-react\">https:\/\/git.hust.cc\/echarts-for-react<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5b89\u88c5<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>$ npm install echarts-for-react<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u4f7f\u7528<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>import React from 'react';\nimport ReactECharts from 'echarts-for-react';\n\nconst Page: React.FC = () => {\n  const options = {\n    grid: { top: 8, right: 8, bottom: 24, left: 36 },\n    xAxis: {\n      type: 'category',\n      data: &#91;'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\n    },\n    yAxis: {\n      type: 'value',\n    },\n    series: &#91;\n      {\n        data: &#91;820, 932, 901, 934, 1290, 1330, 1320],\n        type: 'line',\n        smooth: true,\n      },\n    ],\n    tooltip: {\n      trigger: 'axis',\n    },\n  };\n\n  return &lt;ReactECharts option={options} \/>;\n};\n\nexport default Page;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u53ef\u5728\u7ebf\u7f16\u8f91\u4fee\u6539\u6d4b\u8bd5<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u9700\u8981\u914d\u7f6e\u5408\u9002\u7684react\u7248\u672c<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/mitongxue.cn\/wp-content\/uploads\/2026\/06\/image-64-1024x454.png\" alt=\"\" class=\"wp-image-487\" srcset=\"https:\/\/mitongxue.cn\/wp-content\/uploads\/2026\/06\/image-64-1024x454.png 1024w, https:\/\/mitongxue.cn\/wp-content\/uploads\/2026\/06\/image-64-300x133.png 300w, https:\/\/mitongxue.cn\/wp-content\/uploads\/2026\/06\/image-64-768x341.png 768w, https:\/\/mitongxue.cn\/wp-content\/uploads\/2026\/06\/image-64-1536x681.png 1536w, https:\/\/mitongxue.cn\/wp-content\/uploads\/2026\/06\/image-64.png 1882w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>ECharts \u7684 React \u7ec4\u4ef6\u5c01\u88c5 http..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19,12,11],"tags":[],"class_list":["post-486","post","type-post","status-publish","format-standard","hentry","category-echarts","category-react-","category-front"],"featured_image_urls":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":""},"author_info":{"info":["\u9648 \u67d0\u4eba"]},"category_info":"<a href=\"https:\/\/mitongxue.cn\/index.php\/category\/front\/echarts\/\" rel=\"category tag\">ECharts<\/a> <a href=\"https:\/\/mitongxue.cn\/index.php\/category\/front\/react-%e5%89%8d%e7%ab%af\/\" rel=\"category tag\">React<\/a> <a href=\"https:\/\/mitongxue.cn\/index.php\/category\/front\/\" rel=\"category tag\">\u524d\u7aef<\/a>","tag_info":"\u524d\u7aef","comment_count":"0","_links":{"self":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/comments?post=486"}],"version-history":[{"count":1,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/486\/revisions"}],"predecessor-version":[{"id":488,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/486\/revisions\/488"}],"wp:attachment":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/media?parent=486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/categories?post=486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/tags?post=486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}