回复
This commit is contained in:
@@ -415,29 +415,8 @@ function fnRanderChart() {
|
|||||||
//定义图表的配置对象,tooltip的出发方式为axis
|
//定义图表的配置对象,tooltip的出发方式为axis
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: 'axis',
|
trigger: 'axis',
|
||||||
position: function (
|
position: function (pt: any) {
|
||||||
point: number[],
|
return [pt[0], '10%'];
|
||||||
size: { viewSize: number[]; contentSize: number[] }
|
|
||||||
) {
|
|
||||||
const [x, y] = point;
|
|
||||||
const [viewWidth] = size.viewSize;
|
|
||||||
const [tooltipWidth, tooltipHeight] = size.contentSize;
|
|
||||||
|
|
||||||
// 距离右侧的距离
|
|
||||||
const rightSpace = viewWidth - x;
|
|
||||||
|
|
||||||
// 计算垂直方向的居中位置
|
|
||||||
// 将 tooltip 的中心点对齐到鼠标位置
|
|
||||||
const verticalOffset = -tooltipHeight / 2;
|
|
||||||
|
|
||||||
// 如果右侧空间不足以显示tooltip(假设需要20px的安全距离)
|
|
||||||
if (rightSpace < tooltipWidth + 20) {
|
|
||||||
// 向左显示,垂直居中
|
|
||||||
return [x - tooltipWidth - 10, y + verticalOffset];
|
|
||||||
}
|
|
||||||
|
|
||||||
// 默认向右显示,垂直居中
|
|
||||||
return [x + 10, y + verticalOffset];
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
@@ -547,7 +526,6 @@ function fnRanderChartData() {
|
|||||||
if (queryParams.sortOrder === 'desc') {
|
if (queryParams.sortOrder === 'desc') {
|
||||||
orgData = orgData.toReversed();
|
orgData = orgData.toReversed();
|
||||||
}
|
}
|
||||||
|
|
||||||
for (const item of orgData) {
|
for (const item of orgData) {
|
||||||
chartDataXAxisData.push(parseDateToStr(+item['timeGroup']));
|
chartDataXAxisData.push(parseDateToStr(+item['timeGroup']));
|
||||||
const keys = Object.keys(item);
|
const keys = Object.keys(item);
|
||||||
|
|||||||
Reference in New Issue
Block a user