echarts tooltip超出容器被遮擋的解決辦法


echarts tooltip超出容器被遮擋的解決辦法

 

最近項目中使用到echarts。由於數據的分類較多,導致tooltip超出容器,且被周圍的其他dom所遮擋。網上找了一圈發現很多朋友說配置其中的confine: true, 然而該配置只是將tooltip限制在該容器內。
在這里插入圖片描述
當周圍的dom的z-index過於高時,該配置並不能解決遮擋的問題, 如下:
在這里插入圖片描述
在這里插入圖片描述
沒辦法,查閱echarts官方文檔后,發現tooltip有一個extraCssText屬性,顧名思義為額外的css,這不就完事了嗎! 添加一個z-index為最大值,解決!
在這里插入圖片描述
添加后的效果如下:
在這里插入圖片描述

補充: 如果使用了transform屬性,記得修改translateZ。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM