echarts手动控制tooltip是否显示(解决移动端tooltip不受控制的问题)

1 问题

今天在移动端开发中发现点击echarts外时,tooltip不隐藏。

2 原因

主要原因是手机端的echarts没有mouse事件,所以操控出现的问题。

3 解决办法

针对该情况,选择手动控制,比如点击echarts图例外侧时,手动隐藏tooltip。
如下:

myChart.dispatchAction({
    type: 'hideTip'
});

4 引申

4.1 显示tooltip

myChart.dispatchAction({
    type: 'showTip'
});

4.2 高亮显示

myChart.dispatchAction({
    type: 'highlight'
});

4.3 取消高亮

myChart.dispatchAction({
    type: 'downplay'
});

4.4 重置 option

myChart.dispatchAction({
    type: 'restore'
});
posted @ 2023-02-07 23:08  不叫一日闲过  阅读(4426)  评论(0编辑  收藏  举报