Echarts 鼠标移入出现滚动条及抖动

 问题复现:这个问题是加载完页面首次移入的时候会复现

 出现原因:是由于tooltip引起的,因为过长超出容器导致的,而tooltip中有这么个属性  transitionDuration,默认为0.4秒,0.4秒过后又恢复,就出现了抖动的异常现象。

 解决方案:如下代码示例(第二种不推荐使用,超出的tooltip会看不到),本人用的第三种

1.关闭tooltip
 state.option= {
    tooltip: {
      show: false
    }
  }; 

2.为echarts的容器设置overflow:hidden, 设置confine:true
 state.option= {
    tooltip: {
      show: true,
      confine:true
    }
  }; 

3.将transitionDuration设置为0,让tooltip紧跟鼠标
 state.option= {
    tooltip: {
      transitionDuration: 0
    }
  }; 

你可能感兴趣的:(echarts)