echarts圖表鼠標(biāo)滑過(guò)頁(yè)面抖動(dòng)

問題現(xiàn)象:使用echarts畫柱狀圖,當(dāng)鼠標(biāo)劃過(guò)圖表時(shí)有tooltip浮動(dòng)提示,這時(shí)頁(yè)面出現(xiàn)縱向滾動(dòng)條,但馬上消失,導(dǎo)致頁(yè)面抖動(dòng)。

分析:從現(xiàn)象看應(yīng)該是tooltip導(dǎo)致頁(yè)面抖動(dòng)。

去掉tooltip后,抖動(dòng)現(xiàn)象消失??梢源_定時(shí)tooltip的問題,在網(wǎng)上找了一下解決方案,方案1:tooltip的屬性transitionDuration設(shè)置為 0。

方案2:給上級(jí)body添加overflow:hidden;

兩種方案驗(yàn)證后,都可以解決問題。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 各種實(shí)例:https://echarts.apache.org/examples/zh/index.html[ht...
    Cute_小肥雞閱讀 1,437評(píng)論 0 1
  • 下面是挑選出的9個(gè) JavaScript 圖表庫(kù): Chart.js Chartist FlexChart Ech...
    zhangxuepeng閱讀 5,163評(píng)論 0 5
  • 由于在項(xiàng)目中需要對(duì)數(shù)據(jù)進(jìn)行可視化處理,也就是用圖表展示,眾所周知echarts是非常強(qiáng)大的插件。一開始想在網(wǎng)上找一...
    小怪獸出沒_86e0閱讀 1,266評(píng)論 0 2
  • 我是黑夜里大雨紛飛的人啊 1 “又到一年六月,有人笑有人哭,有人歡樂有人憂愁,有人驚喜有人失落,有的覺得收獲滿滿有...
    陌忘宇閱讀 8,834評(píng)論 28 54
  • 人工智能是什么?什么是人工智能?人工智能是未來(lái)發(fā)展的必然趨勢(shì)嗎?以后人工智能技術(shù)真的能達(dá)到電影里機(jī)器人的智能水平嗎...
    ZLLZ閱讀 4,098評(píng)論 0 5

友情鏈接更多精彩內(nèi)容