echarts柱状图鼠标移入后出现滚动条闪烁

753 阅读1分钟

image.png

在echarts图表移入柱状图显示tooltip时,就会出现滚动条,而且滚动条还不是一直存在,而是闪烁一下就消失了,肯定时因为高度发生了变化,但是至于 1.为什么高度会发生变化,2.还有为什么其他图表没出现这个问题,这个问题还不是很清楚,还需要进一步研究,如果有知道的小伙伴也可以留言,相互探讨

不管了,还是先把这个问题解决了提交代码吧~~~~

解决方法 1:

在这里插入图片描述

在该画布的父标签(即:echarts.init()的标签)外层套一个div,设置 overflow:hidden;然后,设置 tooltip 的 confine:true;(设置tooltip不超出图表)。

解决方法 2:

在这里插入图片描述

var option = {
  tooltip: {
    trigger: 'axis',
    transitionDuration: 0
  },
  //......
}

我用的是第二种方法

参考来源:blog.csdn.net/Start2019/a…