echarts tooltip鼠标可移入设置
时间:2020-09-14 20:17:35
收藏:0
阅读:602
通过指令调用tip的shou、hide事件,如下:
var option = { tooltip: { triggerOn: ‘none‘, // 关闭默认的mouseover调用 trigger: ‘axis‘, enterable: true, // 防止tooltip浮层在折线或柱体等上时,触发mouseover事件 formatter: function(p){} }, ... } var chart = echarts.init(chartDom); chart.off(‘mouseover‘); chart.on(‘mouseover‘,function(p){ var evt = p.event; chart.dispatchAction({ // 指令调用tooltip显示 type: ‘showTip‘, x: evt.offsetX, y: evt.offsetY, position: [evt.offsetX,evt.offsetY] }); }); chart.off(‘globalout‘); chart.on(‘globalout‘,function(p){ chart.dispatchAction({ type: ‘hideTip‘ }); });
原文:https://www.cnblogs.com/xtreme/p/13668413.html
评论(0)