echarts解决缓存问题

Posted 2023-04-18

参考技术A 在初始化图表的时候在实例后加一个参数，值为true。

我个人比较喜欢先实例化图标，然后再通过接口把值加进去。

//基于准备好的dom，初始化ECharts实例
var myChart = echarts.init(document.getElementById('main'));

//使用刚指定的配置项和数据显示图表。
myChart.setOption(option,true);
//清空画布，防止缓存
myChart.clear();

echarts 图的点击重复触发的问题及其解决

要求：在echart图表中，点击每个项，需要跳转对应页面或者显示对应的数据详情列表。

如何添加鼠标点击事件？

1.通常我们只使用了以下代码，通过配置项和数据显示图表。

var myChart = echarts.init(document.getElementById(‘chartBox‘));

• myChart.setOption(option);

2.在myChart.setOption（option）后添加以下代码，即可触发图标中每个项的鼠标点击事件。

myChart.on(‘click‘,  function(param) {

• //这个params可以获取你要的图中的当前点击的项的参数

注：鼠标事件包括‘click‘，‘dblclick‘，‘mousedown‘，‘mouseup‘，‘mouseover‘，‘mouseout‘，‘globalout‘,‘contextmenu‘。

3.如果逻辑运行中，第2点中的代码，执行了多次，则绑定之前需要清除绑定：

if(myChart._$handlers.click){    myChart._$handlers.click.length = 0;
myChart.on(‘click‘,  function(params) {

• //这个params可以获取你要的饼图中的当前点击的项的参数

• _this.showMapPointInfo(params,param);

转自： https://blog.csdn.net/yqwang75457/article/details/83008200