Echarts折线图,鼠标移入会显示名称和对应的数据,但是鼠标放在右边,数据标题会显示不全,详见截图,请问有什么地方可以设置一下,鼠标放在右侧时候,显示框会自动放在左侧,解决显示不全的问题。
截图如下:
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分别会发生什么变化
看看能不能找出画布的中间值,控制偏移量来实现