New to KendoReactStart a free 30-day trial

RadialGaugeProps
Premium

Represents the props of the KendoReact RadialGauge component.

NameTypeDefaultDescription

children?

React.ReactNode

Determines the children nodes.

className?

string

Sets additional CSS classes to the component.

dir?

string

Represents the dir HTML attribute.

pointer

RadialPointer | RadialPointer[]

The configuration of the pointers (see example).

Example:

jsx
<RadialGauge pointer={{ value: 50 }} />

renderAs?

"canvas" | "svg"

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 .svg file.
  • "canvas"—If available, renders the component as a canvas element.

scale?

RadialScale

The configuration of the scale.

Example:

jsx
<RadialGauge scale={{ startAngle: -90, endAngle: 180 }} />

style?

React.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.

Not finding the help you need?
Contact Support