要做的效果是:点击下拉框切换echarts主题
下面是效果图:
项目环境: vue + ts + es6 + echarts(4.2.1)
步骤
- 安装依赖,
npm install echarts -S / yarn add echarts -S
- 引入主题 参考链接
- 选择下拉框中的主题时,拿到图表主题的名字
- 监听该主题名字, 并且重新init--echarts实例(这里clear, dispose是为清除上一次图表的绘制, 否则显示的还是上一个主题)
npm install echarts -S / yarn add echarts -S