New to Telerik UI for JSP? Download free 30-day trial

<kendo:circularGauge>

A JSP wrapper for Kendo UI CircularGauge.

Configuration Attributes

centerTemplate java.lang.String

The label template. Template variables: * value - the value

Example

<kendo:circularGauge centerTemplate="centerTemplate">
</kendo:circularGauge>

color java.lang.String

The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.

Example

<kendo:circularGauge color="color">
</kendo:circularGauge>

opacity float

The opacity of the value pointer.

Example

<kendo:circularGauge opacity="opacity">
</kendo:circularGauge>

renderAs java.lang.String

Sets the preferred rendering engine. If it is not supported by the browser, the Gauge will switch to the first available mode.The supported values are: "svg" - renders the widget as inline SVG document, if available or "canvas" - renders the widget as a Canvas element, if available..

Example

<kendo:circularGauge renderAs="renderAs">
</kendo:circularGauge>

theme java.lang.String

The gauge theme. This can be either a built-in theme or "sass". When set to "sass" the gauge will read the variables from the Sass-based themes.The supported values are: "sass" - special value, see notes; "black"; "blueopal"; "bootstrap"; "default"; "highcontrast"; "metro"; "metroblack"; "moonlight"; "silver" or "uniform".

Example

<kendo:circularGauge theme="theme">
</kendo:circularGauge>

transitions boolean

A value indicating if transition animations should be played.

Example

<kendo:circularGauge transitions="transitions">
</kendo:circularGauge>

value float

The gauge value.

Example

<kendo:circularGauge value="value">
</kendo:circularGauge>

Configuration JSP Tags

kendo:circularGauge-colors

The color ranges of the value pointer. The pointer color will be set to the color from the range that contains the current value.

More documentation is available at kendo:circularGauge-colors.

Example

<kendo:circularGauge>
    <kendo:circularGauge-colors></kendo:circularGauge-colors>
</kendo:circularGauge>

kendo:circularGauge-gaugeArea

The gauge area configuration options. This is the entire visible area of the gauge.

More documentation is available at kendo:circularGauge-gaugeArea.

Example

<kendo:circularGauge>
    <kendo:circularGauge-gaugeArea></kendo:circularGauge-gaugeArea>
</kendo:circularGauge>

kendo:circularGauge-scale

Configures the scale.

More documentation is available at kendo:circularGauge-scale.

Example

<kendo:circularGauge>
    <kendo:circularGauge-scale></kendo:circularGauge-scale>
</kendo:circularGauge>
In this article
Not finding the help you need?