Getting Started with KendoReact CircularGauge

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.

The KendoReact CircularGauge component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-gauges package.

The CircularGauge Component is part of KendoReact, a professional UI components library designed and built from the ground up for React to make developers more productive. To try it out, sign up for a free 30-day trial.

Basic Usage

The following example demonstrates the CircularGauge in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Functionality and Features

In this article

Not finding the help you need?