Kendo UI for Angular

RadialGauge

  • Represent data on a circular arc similar to a speedometer 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
  • Overview

    The Kendo UI for Angular Radial Gauge is a visualization tool that enables you to display values on a circular arc. A centralized pointer will indicate the current value, just like a traditional speedometer in a car. The gauge can animate the pointer to various values, provides support for multiple pointers and allows you to customize the colors, scale ranges, number of pointers and more elements through the configuration options.

    See Angular RadialGauge Overview demo.

    Kendo UI for Angular RadialGauge - Overview
  • Scale Options

    The Kendo UI for Angular RadialGauge offers customization opportunities for the built-in pointers, the look and feel of labels, the color of ticks and the start and end angles of the gauge.

    See Angular RadialGauge Scale Options demo.

    Kendo UI for Angular RadialGauge - Scale Options
  • Scale Ranges

    For scenarios that require different colors for different values, the Kendo UI for Angular RadialGauge offers Scale Ranges to define different colors for specific value ranges.

    See Angular RadialGauge Scale Ranges demo.

    Kendo UI for Angular RadialGauge - Scale Ranges
  • Multiple Pointers

    Leverage the rich Kendo UI for Angular RadialGauge pointers collection to showcase multiple pointers within a single gauge. Pointers can be assigned to individual values and colors to help distinguish between various pieces of data.

    See Angular RadialGauge Multiple Pointers demo.

    Kendo UI for Angular RadialGauge - Multiple Pointers
  • Export Options

    Thanks to the built-in integration with the Kendo UI for Angular Drawing library, you can export the Kendo UI for Angular RadialGauge as a PDF file, an SVG file or as an image.

    See Angular RadialGauge Export Options demo.

    Kendo UI for Angular RadialGauge - Export Options
  • Globalization

    The Kendo UI for Angular RadialGauge supports right-to-left rendering as well as language customization of any labels.

    See Angular RadialGauge Globalization demo.

    Kendo UI for Angular RadialGauge - Globalization
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI