echarts 图表，tooltip被容器遮挡，显示不全

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

}