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

Storybook: Fix Graph with Tooltip story (#37937)

Browse Source
This commit is contained in:
Jack Westbrook 2021-08-17 10:14:57 +02:00 committed by GitHub
parent f433cfd8d9
commit 483c597740
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/grafana-ui/src/components/Graph/Graph.story.internal.tsx
View File

@ -1,6 +1,7 @@
import React from 'react';
import { dateTime, ArrayVector, FieldType, GraphSeriesXY, FieldColorModeId } from '@grafana/data';
import { dateTime, ArrayVector, FieldType, GraphSeriesXY, FieldColorModeId, getDisplayProcessor } from '@grafana/data';
import { Story } from '@storybook/react';
import { useTheme2 } from '../../themes';
import { withCenteredStory } from '../../utils/storybook/withCenteredStory';
import { VizTooltip, TooltipDisplayMode, VizTooltipContentProps } from '../VizTooltip';
import { JSONFormatter } from '../JSONFormatter/JSONFormatter';
@ -108,9 +109,19 @@ export default {
},
};
export const WithTooltip: Story<GraphProps & { tooltipMode: TooltipDisplayMode }> = ({ tooltipMode, ...args }) => {
export const WithTooltip: Story<GraphProps & { tooltipMode: TooltipDisplayMode }> = ({
tooltipMode,
series,
...args
}) => {
const theme = useTheme2();
const seriesWithDisplay = series.map((data) => ({
...data,
valueField: { ...data.valueField, display: getDisplayProcessor({ field: data.valueField, theme }) },
}));
return (
<Graph {...args}>
<Graph series={seriesWithDisplay} {...args}>
<VizTooltip mode={tooltipMode} />
</Graph>
);