New to KendoReactStart a free 30-day trial

Represents the props of the KendoReact RadialGauge component.

Definition

Package:@progress/kendo-react-gauges

Properties

children?

ReactNode

Determines the children nodes.

Sets additional CSS classes to the component.

dir?

string

Represents the dir HTML attribute.

The configuration of the pointers (see example).

Example:

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

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

The configuration of the scale.

Example:

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

style?

CSSProperties

The styles that are applied to the component.

If set to true, the Gauge plays animations when it displays the series. By default, animations are enabled.