Menu

Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.

Enterprise Open source

BarGauge class

Signature

typescript
export declare class BarGauge extends PureComponent<Props> 

Import

typescript
import { BarGauge } from '@grafana/ui';

Properties

PropertyModifiersTypeDescription
defaultPropsstaticPartial<Props>

Methods

MethodModifiersDescription
getCellColor(positionValue)
render()
renderBarAndValue()
renderBasicAndGradientBars()
renderRetroBars()

defaultProps property

Signature

typescript
static defaultProps: Partial<Props>;

getCellColor method

Signature

typescript
getCellColor(positionValue: TimeSeriesValue): CellColors;

Parameters

ParameterTypeDescription
positionValueTimeSeriesValue

Returns:

CellColors

render method

Signature

typescript
render(): JSX.Element;

Returns:

JSX.Element

renderBarAndValue method

Signature

typescript
renderBarAndValue(): React.ReactNode;

Returns:

React.ReactNode

renderBasicAndGradientBars method

Signature

typescript
renderBasicAndGradientBars(): ReactNode;

Returns:

ReactNode

renderRetroBars method

Signature

typescript
renderRetroBars(): ReactNode;

Returns:

ReactNode