Skip to main content

One post tagged with "visualization"

View All Tags

用 ECharts 在 Docusaurus 博客里画图(MDX)

这篇文章演示如何在 Docusaurus 的 MDX 博客中嵌入 ECharts 图表。
由于 Docusaurus 构建时会进行静态渲染,构建阶段没有 window/document,依赖 DOM 的图表需要放到浏览器端执行。34


图表示例(可交互:柱状 / 折线切换)

图表加载中…

你可以怎么改?

  • 换成饼图/雷达图:改 series.type 和对应的 option 结构即可(依旧通过 setOption 更新)。6
  • 想放多张图:复制 EChartsDemo 组件并传入不同数据即可。
  • 想要暗色主题:可以 echarts.init(dom, 'dark') 或注册自定义 theme(同样基于 init/setOption 的流程)。6