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'
});