Echarts如何间隔一段时间自动显示提示(tooltip)
阅读数:114 评论数:0
跳转到新版页面分类
html/css/js
正文
// 动态显示tootip
let tipIndex= 0; //播放所在下标
let timer1= setInterval(function() { //使得tootip每隔三秒自动显示
faultRateEchart.dispatchAction({
type: 'showTip', // 根据 tooltip 的配置项显示提示框。
seriesIndex: 0,
dataIndex: tipIndex
});
tipIndex++;
if (tipIndex> chartOption.series[0].data.length) {
tipIndex= 0;
}
}, 3000);
dispatchAction用于触发图表行为,例如图例开关legendToggleSelect,数据区域缩放dataZoom,显示提示框showTip等。
相关推荐
echarts
是百度公司前端开发一个图表库,支持柱状图、饼状图、k线图、map图、热导向图、折线图。
主要采用canvas画图。完全免费。
hi
引入方式改为
import * as echarts from 'echarts';
// 或
const echa
clear和dispose是echarts提供的用于解决内存溢出的方法。
1、clear()是清空当前实例,会移除实例中所有组件和图表
2、dispose()是销毁实
可以优先考虑使用echarts.connect+echarts.group功能,或者使用下面这种方式。
<!DOCTYPE html>
<html lang="en" style="height: 1