移动端上echarts的tooltip超出了手机屏幕-解决

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

解决方案:

tooltip: {
     
        trigger: 'axis',
        confine: true, // 加入这一句话
        backgroundColor: 'rgba(255,255,255,0.8)',
        borderColor: '#f5f6f8',
        borderWidth: 1,
      }

本文若对你有所帮助,请点个赞,若有疑问,请在评论留言