当我刷新,鼠标经过图表时,页面会出现滚动条

原因:
在echarts图表中出现 tooltip 时,画布的父标签(即:echarts.init()的标签)的宽高有时会发生变化,导致相对布局的div可能大小发生变化(画布大小却不变),导致页面闪动。
解决方法 1:

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

var option = {
tooltip: {
trigger: 'axis',
confine: true
},
//......
}
解决方法 2:

var option = {
tooltip: {
trigger: 'axis',
transitionDuration: 0
},
//......
}
本文介绍在使用 ECharts 时,当鼠标悬停在图表上触发 tooltip 导致页面出现滚动条的问题及两种解决方案:一是通过设置外层 div 的 overflow 属性为 hidden 并配置 tooltip 的 confine 为 true;二是调整 tooltip 的 transitionDuration 属性。
2227

被折叠的 条评论
为什么被折叠?



