Echarts如何间隔一段时间自动显示提示(tooltip)

阅读数:73 评论数: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

选框缩放 myCharts.setOption({    title:{     text:"滚动条缩

引入方式改为 import * as echarts from 'echarts'; // 或 const echa

1、安装echarts依赖 npm install echarts -S 或者使用淘宝的镜像 npm install

//提示框 tooltip: { //触发类型:坐标轴触

xAxis : [   splitLine:{     show:false   } ], yAxis : [   s

1、安装依赖 npm install echarts --save npm install --save @type

使用echart5加载json地图,尝试多次后放弃,直接使用echart4。 修改json地图上显示名称的位置坐标【与上面查询的经纬前后相反】的"

clear和dispose是echarts提供的用于解决内存溢出的方法。 1、clear()是清空当前实例,会移除实例中所有组件和图表 2、dispose()是销毁实

可以优先考虑使用echarts.connect+echarts.group功能,或者使用下面这种方式。 <!DOCTYPE html> <html lang="en" style="height: 1