New to KendoReact? Start a free 30-day trial

RadialGauge

Component

Definition

Package:@progress/kendo-react-gauges

Properties Interface:RadialGaugeProps

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.

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.

Parameters:options?any

The parameters for the export operation.

Returns:

Promise​<Group>

  • A promise that returns the root Group of the scene.