New to Telerik UI for ASP.NET Core? Download free 30-day trial

CircularGaugeTagHelper

Example

<kendo-circulargauge>
    <colors></colors>
    <gauge-area></gauge-area>
    <scale></scale>
</kendo-circulargauge>

ChildTags

Tag Name Details
colors CircularGaugeColorsTagHelper
gauge-area CircularGaugeGaugeAreaSettingsTagHelper
scale CircularGaugeScaleSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
center-template String The label template. Template variables: * value - the value
center-template-handler String The label template. Template variables: * value - the value
center-template-id String The label template. Template variables: * value - the value
center-template-view IHtmlContent The label template. Template variables: * value - the value
color String The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
opacity Double The opacity of the value pointer.
render-as 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..
theme 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".
transitions Boolean A value indicating if transition animations should be played.
value Double The gauge value.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-child-component Boolean
has-client-component Boolean
sanitize-id Boolean
In this article
Not finding the help you need?