Echarts 问题汇总

这是Echarts的汇总合集，平时遇到的问题进行整理，才刚开始，所以会比较少。

---

一、点击事件
背景：图表上点击地方不同，点击事件不同。
参考：ECharts 中的事件和行为
说明：参照官网给的，也就是在绘制完图表后，添加对应的事件。

// 使用刚指定的配置项和数据显示图表。 
myChart.setOption(option); 
// 处理点击事件并且跳转到相应的百度搜索页面
myChart.on('click', function (params) { window.open('https://www.baidu.com/s?wd=' + encodeURIComponent(params.name)); });

但是官方给的例子，在坐标轴上的点击无效。如果需要在坐标轴加上点击事件的话，还需要在xAxis、yAxis加上triggerEvent:true！！！

---

二、销毁
背景：有更换主题的功能，点击事件后显示不同的颜色，所以要对之前的图表销毁，进行重新绘制。
说明：网上给出的销毁是用dispose事件，官网介绍如下：

但是这样一来，你会发现你写的有关鼠标悬浮等其他效果连着一起被销毁了，也就是没有效果了，除非再重复代码写一遍。然后就用了clear事件，可以在“销毁”实例的基础上，保留效果，官网介绍如下：

综上，clear事件相当于重绘图表，适用于更换主题这一类只重新绘制、不去除效果的操作；dipose是销毁实例，适用于离开页面时对echart实例进行销毁。
注：clear事件是不需要重新初始化实例，只要改变option里面的数据，然后setOption就好了；而dispose需要重新初始化实例！