diff --git a/packages/grafana-ui/src/components/BigValue/BigValue.tsx b/packages/grafana-ui/src/components/BigValue/BigValue.tsx index 24ed53c9c57..19be62baff7 100644 --- a/packages/grafana-ui/src/components/BigValue/BigValue.tsx +++ b/packages/grafana-ui/src/components/BigValue/BigValue.tsx @@ -59,6 +59,8 @@ export interface Props extends Themeable2 { text?: TextDisplayOptions; /** Specify which text should be visible in the BigValue */ textMode?: BigValueTextMode; + /** If true disables the tooltip */ + hasLinks?: boolean; /** * If part of a series of stat panes, this is the total number. @@ -73,7 +75,7 @@ export class BigValue extends PureComponent { }; render() { - const { onClick, className } = this.props; + const { onClick, className, hasLinks } = this.props; const layout = buildLayout(this.props); const panelStyles = layout.getPanelStyles(); const valueAndTitleContainerStyles = layout.getValueAndTitleContainerStyles(); @@ -81,8 +83,11 @@ export class BigValue extends PureComponent { const titleStyles = layout.getTitleStyles(); const textValues = layout.textValues; + // When there is an outer data link this tooltip will override the outer native tooltip + const tooltip = hasLinks ? undefined : textValues.tooltip; + return ( -
+
{textValues.title &&
{textValues.title}
}