CircularGaugeProps
Represents the props of the KendoReact CircularGauge component.
Definition
Package:@progress/kendo-react-gauges
Properties
A function that renders the center template of the Gauge.
ReactElement<any, string | JSXElementConstructor<any>>
children?
ReactNode
Determines the children nodes.
className?
string
Sets additional CSS classes to the component.
color?
string
The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
The color ranges of the value pointer (see example).
dir?
string
Represents the dir HTML attribute.
opacity?
number
The opacity of the value pointer.
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 scale options of the CircularGauge.
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.
value
number
The value of the Gauge.