IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Geomap: Fix tooltip display (#54245)

Browse Source
This commit is contained in:
Adela Almasan
2022-08-29 09:29:54 -05:00
committed by GitHub
parent 4a0a6c8fd4
commit 07dcb64e38
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/app/plugins/panel/geomap/GeomapPanel.tsx
View File

@@ -371,8 +371,8 @@ export class GeomapPanel extends Component<Props, State> {
const hover = toLonLat(this.map.getCoordinateFromPixel(pixel));
const { hoverPayload } = this;
hoverPayload.pageX = mouse.offsetX;
hoverPayload.pageY = mouse.offsetY;
hoverPayload.pageX = mouse.pageX;
hoverPayload.pageY = mouse.pageY;
hoverPayload.point = {
lat: hover[1],
lon: hover[0],

14
public/app/plugins/panel/geomap/GeomapTooltip.tsx
View File

@@ -2,7 +2,7 @@ import { useDialog } from '@react-aria/dialog';
import { useOverlay } from '@react-aria/overlays';
import React, { createRef } from 'react';
import { VizTooltipContainer } from '@grafana/ui';
import { Portal, VizTooltipContainer } from '@grafana/ui';
import { ComplexDataHoverView } from './components/ComplexDataHoverView';
import { GeomapHoverPayload } from './event';
@@ -21,11 +21,13 @@ export const GeomapTooltip = ({ ttip, onClose, isOpen }: Props) => {
return (
<>
{ttip && ttip.layers && (
<VizTooltipContainer position={{ x: ttip.pageX, y: ttip.pageY }} offset={{ x: 10, y: 10 }} allowPointerEvents>
<section ref={ref} {...overlayProps} {...dialogProps}>
<ComplexDataHoverView layers={ttip.layers} isOpen={isOpen} onClose={onClose} />
</section>
</VizTooltipContainer>
<Portal>
<VizTooltipContainer position={{ x: ttip.pageX, y: ttip.pageY }} offset={{ x: 10, y: 10 }} allowPointerEvents>
<section ref={ref} {...overlayProps} {...dialogProps}>
<ComplexDataHoverView layers={ttip.layers} isOpen={isOpen} onClose={onClose} />
</section>
</VizTooltipContainer>
</Portal>
)}
</>
);