echarts tooltip被遮挡_echarts 的tooltip定位到当前图,避免溢出和遮挡
生活随笔
收集整理的這篇文章主要介紹了
echarts tooltip被遮挡_echarts 的tooltip定位到当前图,避免溢出和遮挡
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
問題:tooltip初始是跟著鼠標移動,當內容過多(寬度高度過大),會被其他遮擋或者會溢出屏幕外
解決:
思路:根據官方文檔,鼠標在左側時,tip在右側,鼠標在右側時,tip在左側,這樣不會溢出,太高或太寬可以設置滾動條,這樣也不會被遮擋
改進:
1、因為內容過多,展示不完全有滾動條,所以需要鼠標能實時移到tip上進行詳細查看,所以運用了 enterable:true,屬性,能夠定住tip,
2、position參數dom是當前得tip容器,若想要其他樣式得tip,給dom添加css即可
3、屏幕適配問題,小屏溢出屏幕(這里可能tooltip里的數據內容有寬有窄,不同的寬度與左右的間距不一樣)
//圖得tips位置總結
以上是生活随笔為你收集整理的echarts tooltip被遮挡_echarts 的tooltip定位到当前图,避免溢出和遮挡的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: oracle 根据用户备份,Oracle
- 下一篇: python打包成exe导入文件_【转载