Echarts折线图鼠标移入右侧数据显示不全

Echarts折线图,鼠标移入会显示名称和对应的数据,但是鼠标放在右边,数据标题会显示不全,详见截图,请问有什么地方可以设置一下,鼠标放在右侧时候,显示框会自动放在左侧,解决显示不全的问题。
截图如下:

img

img

tooltip 配置加上 confine: true 就可以了。

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


tooltip: {
  trigger: 'axis',
  overflow: 'hidden',
  confine: true,
  // ...
}


 tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross',
      label: {
        backgroundColor: '#6a7985'
      }
    }
  },

加上这个就ok了,只加tooltip这个也可以,可以百度看一下设置tooltip跟axisPointer的type分别会发生什么变化

img

看看能不能找出画布的中间值,控制偏移量来实现