ECharts

Apache ECharts

注

vuepress ECharts 图表不显示时没有错误提示，通过在线编辑器运行后再拷贝到文档中

在Vuepress中使用ECharts

1. 安装

npm install -D echarts

2. 配置

.vuepress/theme.ts

import { hopeTheme } from "vuepress-theme-hope";

export default hopeTheme({
  markdown: {
    echarts: true,
  },
});

3. 测试
   Diagram:

test

Code:

:::echarts  test
\``` js
const option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
};
\```
:::

如何让ECharts 获取表格数据自动更新显示