The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many more.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
grafana/docs/sources/packages_api/ui/bargauge.md

2.0 KiB

+++

-----------------------------------------------------------------------

Do not edit this file. It is automatically generated by API Documenter.

-----------------------------------------------------------------------

title = "BarGauge" keywords = ["grafana","documentation","sdk","@grafana/ui"] type = "docs" +++

BarGauge class

Signature

export declare class BarGauge extends PureComponent<Props> 

Import

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

Properties

Property Modifiers Type Description
defaultProps static Partial<Props>

Methods

Method Modifiers Description
getCellColor(positionValue)
render()
renderBarAndValue()
renderBasicAndGradientBars()
renderRetroBars()

defaultProps property

Signature

static defaultProps: Partial<Props>;

getCellColor method

Signature

getCellColor(positionValue: TimeSeriesValue): CellColors;

Parameters

Parameter Type Description
positionValue TimeSeriesValue

Returns:

CellColors

render method

Signature

render(): JSX.Element;

Returns:

JSX.Element

renderBarAndValue method

Signature

renderBarAndValue(): React.ReactNode;

Returns:

React.ReactNode

renderBasicAndGradientBars method

Signature

renderBasicAndGradientBars(): ReactNode;

Returns:

ReactNode

renderRetroBars method

Signature

renderRetroBars(): ReactNode;

Returns:

ReactNode