New to KendoReactStart a free 30-day trial

LinearGaugeProps
Premium

Represents the props of the KendoReact LinearGauge 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

LinearPointer | LinearPointer[]

The configuration of the pointers (see example).

Example:

jsx
<LinearGauge pointer={{ value: 75 }} />

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?

LinearScale

The configuration of the scale.

Example:

jsx
<LinearGauge scale={{ min: 0, max: 100 }} />

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