echarts 图表,tooltip被容器遮挡,显示不全
echarts图表tooltip显示不全场景,一个对话框里展示6个eacharts图表,容器高度不够,导致图表的tooltip被遮挡,如图尝试使用echarts的position属性控制,但效果不好,最后使用confine属性解决官方文档解释是代码实现:options: {tooltip: {trigger: 'axis',axisPointer: {type: 'shadow'
·
echarts图表tooltip显示不全
场景,一个对话框里展示6个eacharts图表,容器高度不够,导致图表的tooltip被遮挡,如图
尝试使用echarts的position属性控制,但效果不好,最后使用
confine属性解决
官方文档解释是
代码实现:
options: {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
backgroundColor: '#fff',
borderColor: 'none',
extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);', // 附加阴影样式
textStyle: {
color: '#53565C'
},
confine: true //限制tootip在容器内
},
}
更多推荐
已为社区贡献1条内容
所有评论(0)