tooltip: {
trigger: "item",
formatter: "{b}: {c}%",
position: function (point, params, dom, rect, size) {
// 鼠標坐標和提示框位置的參考坐標系是:以外層div的左上角那一點為原點,x軸向右,y軸向下
// 提示框位置
let x = 0; // x坐標位置
let y = 0; // y坐標位置
// 當前鼠標位置
let pointX = point[0];
let pointY = point[1];
// 外層div大小
// var viewWidth = size.viewSize[0];
// var viewHeight = size.viewSize[1];
// 提示框大小
let boxWidth = size.contentSize[0];
let boxHeight = size.contentSize[1];
// boxWidth > pointX 說明鼠標左邊放不下提示框
if (boxWidth > pointX) {
x = 5;
} else { // 左邊放的下
x = pointX - boxWidth;
}
// boxHeight > pointY 說明鼠標上邊放不下提示框
if (boxHeight > pointY) {
y = 5;
} else { // 上邊放得下
y = pointY - boxHeight;
}
return [x, y];
}
}