echarts使用loopShowTooltip,定时刷新的问题

罗蓁蓁

关注

阅读 81

2022-01-26

**echarts使用loopShowTooltip,定时刷新的问题**


描述:loopShowTooltip可以定时刷新echarts的Tooltip,但如果echarts数据是定时调用接口的情况,会造成刷新时图表下标错乱,比如下标1有弹框,下一个周期,下标7,下标2,下标8

原因 :因为echarts的实例一直存在,重新刷新图表后没有删除

解决方法 :
再下一次刷新数据前 用getOption()方法判断实例是否存在,true,dispose()此实例,重新init()实例

let chart1 = echarts.init(document.getElementById('chart1')); if(chart1.getOption()) { chart1.dispose(); chart1 = echarts.init(document.getElementById('chart1')); }
chart1.setOption(option);

精彩评论(0)

0 0 举报