首页 > 其他 > 详细

echarts tooltip鼠标可移入设置

时间:2020-09-14 20:17:35      阅读:602      评论:0      收藏:0      [点我收藏+]

通过指令调用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‘
      });
    });

 

echarts tooltip鼠标可移入设置

原文:https://www.cnblogs.com/xtreme/p/13668413.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!