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