echarts 解决浮窗被遮挡

lixiaonaaa

于 2021-04-22 09:12:48 发布

阅读量4k

点赞数 6

分类专栏： echarts 文章标签： echarts js

本文链接：https://blog.csdn.net/lixiaonaaa/article/details/115998953

版权

9 篇文章

订阅专栏

本文介绍了在Echarts中遇到鼠标悬停时提示框被容器遮挡的问题及其解决方法。通过设置`tooltip.confine`属性为`true`，可以确保提示框不会超出图表容器，从而避免内容被截断。此解决方案有效解决了Echarts图表在显示详细信息时的用户体验问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，问题如下图，echarts 鼠标移上去展示的浮窗，超出容器时被遮挡。

2，解决办法

tooltip: {   //提示信息
        trigger: 'item',
        triggerOn: 'mousemove',
        confine: true  //解决浮窗被截断问题
    },

3，官网解释

4，最终效果