问题背景:

移动端开发,做图表可视化项目,用的echart组件库,在柱状图(条形图)中,点击挨着左边手机屏幕最近的那个条形时,他的tooltip(浮窗)会超出屏幕

解决方式:

tooltip: {
        trigger: 'axis',
        confine: true, // 该属性默认为false, 设置为true
      }

这个属性的作用是否将 tooltip 框限制在图表的区域内。当图表外层的 dom 被设置为 'overflow: hidden',或者移动端窄屏,导致 tooltip 超出外界被截断时,此配置比较有用。

https://echarts.apache.org/zh/option.html#tooltip.confine

玛拉_以琳
8.5k 声望6.1k 粉丝