• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

KendoReact RadialGauge Overview

The KendoReact RadialGauge represents values on a circular arc.


The following example demonstrates the RadialGauge in action.

Example
View Source
Change Theme:

The RadialGauge 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 RadialGauge and the rest of the Gauges, see the Getting Started with the KendoReact Gauges guide.

Key Features

  • Scale ranges—You can customize the range options in the React RadialGauge component.
  • Multiple pointers—You can highlight multiple values by rendering multiple pointers.
  • Scale options—You can customize the options of the scale in the React RadialGauge component.
  • Appearance—ou can quickly style the RadialGauge 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

Not finding the help you need?