问题背景:
移动端开发,做图表可视化项目,用的echart组件库,在柱状图(条形图)中,点击挨着左边手机屏幕最近的那个条形时,他的tooltip(浮窗)会超出屏幕
解决方式:
tooltip: {
trigger: 'axis',
confine: true, // 该属性默认为false, 设置为true
}
这个属性的作用是否将 tooltip 框限制在图表的区域内。
当图表外层的 dom 被设置为 'overflow: hidden',或者移动端窄屏,导致 tooltip 超出外界被截断时,此配置比较有用。
https://echarts.apache.org/zh/option.html#tooltip.confine
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。