echarts解决浮窗被遮挡

当echarts渲染完成时，如果显示echart的dom设置了固定的宽高，如果dom区域非常靠近显示器的边缘，默认情况下，echart的tooltip会被截断，且会超时当前domw的区域，这个时候可以在tooltip里面加上confine配置，就可以让tooltip自动显示在dom区域内，而且会自动调节方向，始终显示dom里面。

let dom = document.getElementById("deviceType")
  const myChart = echarts.init(dom);
  myChart.setOption({
    title: {
      text: "设备型号",
    },
    tooltip: { confine: true },
    series: [
      {
        name: "设备型号",
        type: "pie",
        data: state.deviceTypeY,
      },
    ],
  });

echart官方文档是这么解释这个功能的:

confine：是否将 tooltip 框限制在图表的区域内。

当图表外层的 dom 被设置为 'overflow: hidden'，或者移动端窄屏，导致 tooltip 超出外界被截断时，此配置比较有用

本文章由javascript技术分享原创和收集