Kendo UI for Angular

Angular ArcGauge

  • Represent data across an arc shape with this sleek and customizable Angular gauge component.
  • Part of the Kendo UI for Angular library along with more than 100 professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.
Angular UI Component Library
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Globalization

    The Kendo UI for Angular ArcGauge supports right-to-left rendering, ensuring it can fit into any globalization scenario.

    See Angular ArcGauge Globalization demo.

    Arc Gauge - Globalization
  • Scale Options

    By default, the Kendo UI for Angular ArcGauge is an arc ranging from 0 to 180 degrees without any ticks or labels displayed. Give users more context and information with the scale options of the ArcGauge. You can make the arc range from 0 to 360, show ticks along certain intervals, display labels along said ticks and provide different colors for the labels and ticks.

    See Angular ArcGauge Scale Options demo.

    Arc Gauge - Scale Options
  • Center Template

    The Center Template of the Kendo UI for Angular ArcGauge can be completely customized, allowing you full control over the content inside the Kendo UI for Angular Arc Gauge.

    See Angular ArcGauge Center Template demo.

    Arc Gauge - Center Template
  • Overview

    The Kendo UI for Angular ArcGauge is designed to represent value ranges across an arc shape. The component allows you to set the arc range from 0 to 360 degrees, define a minimum and maximum angle and display the current value within the arc. You can also control the complete look and feel of the ArcGauge’s center with a customizable template to match your brand.

    See Angular ArcGauge Overview demo.

    Arc Gauge - Overview
  • Color Ranges

    Allow the Angular ArcGauge color to reflect changes in the displayed value. You can define a range of different colors, each corresponding to a particular range of values.

    See Angular ArcGauge Color Ranges demo.

    Arc Gauge - Color Ranges
  • Export Options

    Thanks to the built-in integration with the Kendo UI for Angular Drawing library, you can export the ArcGauge to various formats, including images, PDF and SVG files.

    See Angular ArcGauge Export Options.

    ArcGauge - Export Options
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI