这篇文章演示如何在 Docusaurus 的 MDX 博客中嵌入 ECharts 图表。
由于 Docusaurus 构建时会进行静态渲染,构建阶段没有 window/document,依赖 DOM 的图表需要放到浏览器端执行。34
图表示例(可交互:柱状 / 折线切换)
图表加载中…
你可以怎么改?
- 换成饼图/雷达图:改
series.type 和对应的 option 结构即可(依旧通过 setOption 更新)。6
- 想放多张图:复制
EChartsDemo 组件并传入不同数据即可。
- 想要暗色主题:可以
echarts.init(dom, 'dark') 或注册自定义 theme(同样基于 init/setOption 的流程)。6