New to Kendo UI for Vue? Start a free 30-day trial

LinearGauge

Directive

kendo-lineargauge

Child Components

Props

gauge-area Object

The configuration options for the Gauge area—the entire visible area of the Gauge (gaugeArea in Kendo UI for jQuery). The supported composite props are available in GaugeAreaProps.

pointer Array

The configuration options for the pointer (pointer in Kendo UI for jQuery). pointer accepts an array of pointers each having its own configuration options.

render-as String

Sets the preferred rendering engine (renderAs in Kendo UI for jQuery). If not supported by the browser, the Gauge will switch to the first available mode.

The supported values are:

  • svg—Renders the RadialGauge as an inline SVG document if available.
  • canvas—Renders the RadialGauge as a canvas element if available.

scale Object

Configures the scale (scale in Kendo UI for jQuery). The supported composite props are available in ScaleProps.

theme String

The theme of the LinearGauge (theme in Kendo UI for jQuery).

theme can be either a built-in theme or a sass theme. When theme is set to sass, the Diagram will read the variables from the SASS-based themes.

The supported values are:

  • sass—A special value.
  • black
  • blueopal
  • bootstrap
  • default
  • highcontrast
  • metro
  • metroblack
  • moonlight
  • silver
  • uniform

transitions Boolean

A value which indicates if the transition animations will be played (transitions in Kendo UI for jQuery).

Methods

For more details about the methods available in the component's API please check its Kendo UI for jQuery API documentation.

kendoWidget

returns

Returns the Kendo UI LinearGauge instance.