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.

Basic Usage

The following example demonstrates the CircularGauge in action.

View Source
Edit In Stackblitz  
Change Theme:

Functionality and Features

In this article

Not finding the help you need?