KendoReact CircularGauge Overview

The KendoReact CircularGauge represents a value by using an arc over a fully enclosed circle.

This gauge type is very similar to the Arc Gauge and supports a similar set of features.

Compared to the Radial Gauge, this gauge uses a colored arc instead of an arrow pointer. This leaves the gauge's center free for a user-defined Center Template.

ninja-iconThe CircularGauge is part of KendoReact, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

The following example demonstrates the CircularGauge in action.

Change Theme
Theme
Loading ...

The CircularGauge is part of the KendoReact Gauges component library. The procedures for installing, importing, and using the Gauges are identical for all components in the package. To learn how to use the CircularGauge and the rest of the Gauges, see the Getting Started with the KendoReact Gauges guide.

Key Features

  • Center template—You can customize the look of the center of the KendoReact CircularGauge.
  • Color ranges—Depending on the current value, you can set different colors for the CircularGauge component.
  • Scale options—You can customize the options of the scale in the React CircularGauge component.
  • Appearance—You can quickly style the CircularGauge by choosing from the predefined styling options.
  • Globalization—The built-in globalization support allows you to create apps that are ready to be implemented worldwide.
In this article
Key FeaturesSuggested Links
Not finding the help you need?
Contact Support