ArcGauge

Example

Razor

<kendo-arcgauge>
    <center-template></center-template>
    <colors></colors>
    <footer-template></footer-template>
    <gauge-area></gauge-area>
    <scale></scale>
</kendo-arcgauge>

ChildTags

Tag Name	Details
center-template	TemplateTagHelper
colors	ArcGaugeColorsTagHelper
footer-template	TemplateTagHelper
gauge-area	ArcGaugeGaugeAreaSettingsTagHelper
scale	ArcGaugeScaleSettingsTagHelper

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 This option expects the name of a JavaScript function that will be called to return the template.
center-template-id	String	The label template. Template variables: * value - the value This option expects the ID of the script element that contains the template.
center-template-view	IHtmlContent	The label template. Template variables: * value - the value This option expects the instance containing the created HTML.
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	RenderingMode	Specifies the preferred widget rendering mode.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
theme	String	The gauge theme. With versions prior to R1 2023 this can be either the respective LESS theme from the list below or "sass". When set to "sass" the gauge will read the variables from the Sass-based themes.Note: Since Q2 2024 release, the default value for the theme property is "sass" instead of "default". It is recommended to use "sass" with version Q2 2024 or later.The supported values are: "sass"; "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-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.