echarts tooltip鼠標可移入設置


通過指令調用tip的shou、hide事件,如下:

   var option = {
      tooltip: {
        triggerOn: 'none', // 關閉默認的mouseover調用
        trigger: 'axis',
        enterable: true, // 防止tooltip浮層在折線或柱體等上時,觸發mouseover事件
        formatter: function(p){}
      },
      ...
    }

    var chart = echarts.init(chartDom);
chart.setOption(option);
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' }); });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM