Fix StateTimeline duration bug + add hidden tooltip option (#54697)

This commit is contained in:
Victor Marin 2022-09-05 14:11:06 +03:00 committed by GitHub
parent 8d489dfd9b
commit aee13563ce
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 28 additions and 3 deletions

View File

@ -104,7 +104,7 @@ export const addTooltipSupport = ({
}
config.addHook('setLegend', (u) => {
if (!isToolTipOpen.current) {
if (!isToolTipOpen.current && !tooltipInterpolator) {
setFocusedPointIdx(u.legend.idx!);
}
if (u.cursor.idxs != null) {

View File

@ -1,7 +1,15 @@
import React, { useCallback, useMemo, useRef, useState } from 'react';
import { CartesianCoords2D, DataFrame, FieldType, PanelProps } from '@grafana/data';
import { Portal, UPlotConfigBuilder, usePanelContext, useTheme2, VizTooltipContainer, ZoomPlugin } from '@grafana/ui';
import {
Portal,
TooltipDisplayMode,
UPlotConfigBuilder,
usePanelContext,
useTheme2,
VizTooltipContainer,
ZoomPlugin,
} from '@grafana/ui';
import { HoverEvent, addTooltipSupport } from '@grafana/ui/src/components/uPlot/config/addTooltipSupport';
import { CloseButton } from 'app/core/components/CloseButton/CloseButton';
import { getLastStreamingDataFramePacket } from 'app/features/live/data/StreamingDataFrame';
@ -172,6 +180,11 @@ export const StateTimelinePanel: React.FC<TimelinePanelProps> = ({
isToolTipOpen,
});
}
if (options.tooltip.mode === TooltipDisplayMode.None) {
return null;
}
return (
<>
<ZoomPlugin config={config} onZoom={onChangeTimeRange} />

View File

@ -1,7 +1,14 @@
import React, { useCallback, useMemo, useRef, useState } from 'react';
import { CartesianCoords2D, DataFrame, FieldType, PanelProps } from '@grafana/data';
import { Portal, UPlotConfigBuilder, useTheme2, VizTooltipContainer, ZoomPlugin } from '@grafana/ui';
import {
Portal,
TooltipDisplayMode,
UPlotConfigBuilder,
useTheme2,
VizTooltipContainer,
ZoomPlugin,
} from '@grafana/ui';
import { HoverEvent, addTooltipSupport } from '@grafana/ui/src/components/uPlot/config/addTooltipSupport';
import { CloseButton } from 'app/core/components/CloseButton/CloseButton';
@ -174,6 +181,11 @@ export const StatusHistoryPanel: React.FC<TimelinePanelProps> = ({
isToolTipOpen,
});
}
if (options.tooltip.mode === TooltipDisplayMode.None) {
return null;
}
return (
<>
<ZoomPlugin config={config} onZoom={onChangeTimeRange} />