echarts中支持的图表行为,通过dispatchAction触发。

使用dispatchAction操作来固定tooltip显示框,无需鼠标事件响应进入页面默认固定显示框,方便数据展示。

 

dispatchAction固定tooltip显示框需要 tooltip属性为axis

 

 myChart.setOption(option);   //装配mychart

 myChart.dispatchAction({         // 使用dispatchAction
        type: 'showTip',          //tooltip为axis属性 使用 showTip 绑定tooltip
        seriesIndex: 1,                  //seriesIndex  series的第几组
        dataIndex: 2                     // dataIndex  固定位置
    });
    myChart.on('globalout', (e) => {      //定时器  固定显示框
        setTimeout(() => {
            myChart.dispatchAction({
            type: 'showTip',
           //  position:[20,50],             //设置固定位置
            seriesIndex: 1,
            dataIndex: 2
          });
        }, 100);
    });
 

主要代码为定时器里,第一个方法为显示 第二个方法为固定,

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐