页面中切换echarts主题

3,041 阅读1分钟

要做的效果是:点击下拉框切换echarts主题

下面是效果图:

项目环境: vue + ts + es6 + echarts(4.2.1)

步骤

  1. 安装依赖, npm install echarts -S / yarn add echarts -S
  2. 引入主题 参考链接
  3. 选择下拉框中的主题时,拿到图表主题的名字
  4. 监听该主题名字, 并且重新init--echarts实例(这里clear, dispose是为清除上一次图表的绘制, 否则显示的还是上一个主题)

echarts内存泄漏问题

发生场景:在切换路由时,由于图表数据依然存在,图表依然占用内存,所有在路由跳转前清空。