Kendo UI for Angular ArcGauge Overview
The Kendo UI for Angular ArcGauge represents a value on a circular arc.
Compared to the Kendo UI for Angular RadialGauge, the ArcGauge uses a colored arc instead of an arrow pointer which leaves its center free for implementing a user-defined center template.
The following example demonstrates the ArcGauge in action.
Example
View Source
Edit In Stackblitz
Change Theme:
Key Features
- Center template—The center template of the ArcGauge enables you to add content to the center of the component and customize it.
- Color ranges—You can use the color ranges configuration to define different colors in the ArcGauge depending on its current value.
- Scale options—The ArcGauge provides options for customizing its scale such as changing the start and end angle, the appearance of the label and ticks, and more.
- Export options—All Kendo UI for Angular Gauges deliver a set of built-in options for Image, PDF, and SVG export.
- Appearance—All Kendo UI for Angular Gauges enable you to set their dimensions, implement a resizing feature as well as defining their color.
- Globalization—All Kendo UI for Angular Gauges provide globalization options.
