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/gauge.md

2.6 KiB

+++

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

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

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

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

Gauge class

Signature

export declare class Gauge extends PureComponent<Props> 

Import

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

Properties

Property Modifiers Type Description
canvasElement any
defaultProps static Partial<Props>
renderVisualization () => JSX.Element

Methods

Method Modifiers Description
componentDidMount()
componentDidUpdate()
draw()
getFontScale(length)
getFormattedThresholds(decimals)
render()

canvasElement property

Signature

canvasElement: any;

defaultProps property

Signature

static defaultProps: Partial<Props>;

renderVisualization property

Signature

renderVisualization: () => JSX.Element;

componentDidMount method

Signature

componentDidMount(): void;

Returns:

void

componentDidUpdate method

Signature

componentDidUpdate(): void;

Returns:

void

draw method

Signature

draw(): void;

Returns:

void

getFontScale method

Signature

getFontScale(length: number): number;

Parameters

Parameter Type Description
length number

Returns:

number

getFormattedThresholds method

Signature

getFormattedThresholds(decimals: number): Threshold[];

Parameters

Parameter Type Description
decimals number

Returns:

Threshold[]

render method

Signature

render(): JSX.Element;

Returns:

JSX.Element