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在容器内
        },

}

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐