• What is KendoReact
  • Getting Started
  • Unstyled Mode
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chart Wizardnew
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Toolsupdated
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDF Viewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

KendoReact LinearGauge Overview

The KendoReact LinearGauge represents values on a linear scale.


The following example demonstrates the LinearGauge in action.

Example
View Source
Change Theme:

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

Key Features

  • Scale ranges—You can customize the scale options in the React LinearGauge component like its range.
  • Multiple pointers—You can highlight multiple values by rendering multiple pointers.
  • Orientation—You can render the LinearGauge either vertically or horizontally.
  • Scale options—You can customize the options of the scale in the React LinearGauge component.
  • Appearance—You can quickly style the LinearGauge 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?