【学习笔记】echarts 提示框tooltip被遮挡的解决办法

【学习笔记】echarts 提示框tooltip被遮挡的解决办法

前言

今天在开发的过程中,要在列表中使用echars,因为是一个滚动的列表,所以外面的dom有使用overflow: hidden; 导致echarts 的tooltip被遮挡,如下:

图片[1]-【学习笔记】echarts 提示框tooltip被遮挡的解决办法-囚墨博客

解决办法1

代码:

tooltip: {
   confine: true	//是否将 tooltip 框限制在图表的区域内。
},

效果如下

图片[2]-【学习笔记】echarts 提示框tooltip被遮挡的解决办法-囚墨博客

解决办法2

代码:

tooltip: {
   appendToBody: true
},

效果如下

图片[3]-【学习笔记】echarts 提示框tooltip被遮挡的解决办法-囚墨博客
© 版权声明
THE END
喜欢就支持一下
点赞12赞赏 分享
评论 共3条

请登录后发表评论