From e9d52155dcf2a2c8a30a2d5722ef8e5d392a94dc Mon Sep 17 00:00:00 2001 From: wisonic-s Date: Thu, 25 Apr 2024 17:44:28 +0800 Subject: [PATCH] =?UTF-8?q?fix(=E8=A7=86=E5=9B=BE):=20=E4=BF=AE=E5=A4=8D?= =?UTF-8?q?=20AntV=20=E6=8F=90=E7=A4=BA=E6=BA=A2=E5=87=BA=E5=AF=BC?= =?UTF-8?q?=E8=87=B4=E4=BB=AA=E8=A1=A8=E6=9D=BF=E5=88=B7=E6=96=B0=20#8708?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/views/chart/chart/common/common_antv.js | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/core/frontend/src/views/chart/chart/common/common_antv.js b/core/frontend/src/views/chart/chart/common/common_antv.js index b251fee499..9c7b580a7c 100644 --- a/core/frontend/src/views/chart/chart/common/common_antv.js +++ b/core/frontend/src/views/chart/chart/common/common_antv.js @@ -347,7 +347,8 @@ export function getTooltip(chart) { if (t.show) { tooltip = { container: getTooltipContainer(`tooltip-${chart.id}`), - itemTpl: TOOLTIP_TPL + itemTpl: TOOLTIP_TPL, + enterable: true } let xAxis, yAxis, extStack, xAxisExt @@ -1229,6 +1230,13 @@ export function configPlotTooltipEvent(chart, plot) { if (!t.show) { return } + // 鼠标可移入, 移入之后保持显示, 移出之后隐藏 + plot.options.tooltip.container.addEventListener('mouseenter', e => { + e.target.style.visibility = 'visible' + }) + plot.options.tooltip.container.addEventListener('mouseleave', e => { + e.target.style.visibility = 'hidden' + }) // 手动处理 tooltip 的显示和隐藏事件，需配合源码理解 // https://github.com/antvis/G2/blob/master/src/chart/controller/tooltip.ts#showTooltip plot.on('tooltip:show', () => { @@ -1239,6 +1247,9 @@ export function configPlotTooltipEvent(chart, plot) { if (tooltipCtl.tooltip) { // 处理视图放大后再关闭 tooltip 的 dom 被清除 const container = tooltipCtl.tooltip.cfg.container + // 最多铺满屏幕，鼠标移入可滚动 + container.style.maxHeight = '100%' + container.style.overflow = 'scroll' const dom = document.getElementById(container.id) if (!dom) { const full = document.getElementsByClassName('fullscreen')