<kendo:arcGauge>

A JSP wrapper for Kendo UI ArcGauge.

Configuration Attributes

centerTemplate java.lang.String

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

Example

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

color java.lang.String

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

Example

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

opacity float

The opacity of the value pointer.

Example

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

renderAs java.lang.String

Specifies the preferred widget rendering mode.

Example

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

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:arcGauge theme="theme">
</kendo:arcGauge>

transitions boolean

A value indicating if transition animations should be played.

Example

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

value float

The gauge value.

Example

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

Configuration JSP Tags

kendo:arcGauge-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:arcGauge-colors.

Example

<kendo:arcGauge>
    <kendo:arcGauge-colors></kendo:arcGauge-colors>
</kendo:arcGauge>

kendo:arcGauge-gaugeArea

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

More documentation is available at kendo:arcGauge-gaugeArea.

Example

<kendo:arcGauge>
    <kendo:arcGauge-gaugeArea></kendo:arcGauge-gaugeArea>
</kendo:arcGauge>

kendo:arcGauge-scale

Configures the scale.

More documentation is available at kendo:arcGauge-scale.

Example

<kendo:arcGauge>
    <kendo:arcGauge-scale></kendo:arcGauge-scale>
</kendo:arcGauge>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy