echarts tooltip超出容器大小
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中加入这个就好了
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)