background

Kendo UI for Angular

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 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
RadialGauge
  • Show Values on Full or Partial Circle

    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

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka