Kendo UI for Angular
The Angular CircularGauge is a data visualization component that represents a value within a full-circle arc. This eye-catching Angular component is compact, simple to bind to data sources and provides a broad set of configuration options to ensure a natural fit in any application. With support for a center label, side labels, ticks and value-based colors, the Angular Circular Gauge works well as both a static and dynamic visualization.
The Angular CircularGauge provides a template that allows you to include static or dynamic content inside the component. This is normally used to display the indicated value but can be a message.
The Angular CircularGauge component supports predefined color ranges, which will automatically change the color of the value indicator based on the value. You can fully customize the values and colors of each range, which means there is no limit to the number of different colors the Angular Circular Gauge can change to.
The Angular Circular Gauge component provides various options to customize its scale. Display and customize the color and styling of tick marks that represent available numerical steps and their associated labels.