echarts tooltip超出容器大小

2023.10.19今天我学习了echarts图表防止提示框超出容器大小的方法:

代码如下:

 tooltip: {
         
          position: function (point, params, dom, rect, size) {
            let x = point[0] + 10; // x 轴偏移量为 10
            let y = point[1] + 20; // y 轴偏移量为 10
            if (x + dom.offsetWidth > size.viewSize[0]) {
              x = size.viewSize[0] - dom.offsetWidth;
            }
            if (y + dom.offsetHeight > size.viewSize[1]) {
              y = size.viewSize[1] - dom.offsetHeight;
            }
            return [x, y];
          },
}

在tooltip中加入这个就好了

你可能感兴趣的:(echarts,前端,javascript)