0
点赞
收藏
分享

微信扫一扫

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

罗蓁蓁 2022-01-26 阅读 81

**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 条评论