當我刷新，鼠標經過圖表時，頁面會出現滾動條

原因：

在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时，鼠标首次移入屏幕会闪动，屏幕会出现滚动条的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。