LinearGauge
Definition
Package:@progress/kendo-react-gauges
Properties Interface:LinearGaugeProps
Properties
children?
ReactNode
Determines the children nodes.
className?
string
Sets additional CSS classes to the component.
dir?
string
Represents the dir HTML attribute.
The configuration of the pointers (see example).
Example:
<LinearGauge pointer={{ value: 75 }} />
renderAs?
"svg" | "canvas"
Sets the preferred rendering engine. If not supported by the browser, the Gauge switches to the first available mode.
The supported values are:
"svg"—If available, renders the component as an inline.svgfile."canvas"—If available, renders the component as acanvaselement.
The configuration of the scale.
Example:
<LinearGauge scale={{ min: 0, max: 100 }} />
style?
CSSProperties
The styles that are applied to the component.
transitions?
boolean
If set to true, the Gauge plays animations when it displays the series. By default, animations are enabled.
Accessors
element
null | HTMLDivElement
The DOM element of the Gauge.
surface
null | Surface
The Drawing Surface of the Gauge.
Methods
Exports a Gauge component as a Drawing Scene.
The parameters for the export operation.
Returns:Promise<Group>
- A promise that returns the root
Groupof the scene.