《echarts tooltip移入出现页面抖动》

解决方法如下:
在echarts的那个元素外面加一个div包裹起来,这里需要用overflow:hidden

<div style="overflow: hidden;width: 100%;height: 100%;">
     <div class="dbline" id="dbline" :style="{'width':width, 'height':height}"></div>
</div>

然后设置tooltip

tooltip: {
   confine:true,
   trigger: 'axis',
   axisPointer: { // 坐标轴指示器,坐标轴触发有效
      type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
    },
},

添加confine:true,

 

posted @ 2021-12-17 09:49  爱听书的程序猿  阅读(366)  评论(0编辑  收藏  举报