echarts 柱状图设置边框_Echarts图表的悬浮框位置的调整

下面的代码实现了悬浮框的位置不会超出界面 最多在离界面边缘5px的地方tooltip: {

position: function(point, params, dom, rect, size) {

// 提示框位置

var x = 0; // x坐标位置

var y = 0; // y坐标位置

// 当前鼠标位置

var pointX = point[0];

var pointY = point[1];

// 提示框大小

var boxWidth = size.contentSize[0];

var 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];

}

}

转载:https://blog.csdn.net/qq_41401025/article/details/108998906