DevExtreme v24.2 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Angular Vue jQuery
  • Demos
  • Templates
  • Docs
  • What's new
    Roadmap
  • Support
  • ThemeBuilder
  • Blog
Free Trial Buy
  • Demos
  • Templates
  • Docs
  • What's new
    New
  • Roadmap
    New
  • Support
  • ThemeBuilder
  • Blog
  • Overview
  • What's New
  • Getting Started
  • Licensing
  • UI Components
    • Accordion
    • ActionSheet
    • Autocomplete
    • BarGauge
    • Box
    • Bullet
    • Button
    • ButtonGroup
    • Calendar
    • Chart
    • Chat
    • CheckBox
    • CircularGauge
      • API
      • Demos
    • ColorBox
    • ContextMenu
    • DataGrid
    • DateBox
    • DateRangeBox
    • DeferRendering
    • Diagram
    • Draggable
    • Drawer
    • DropDownBox
    • DropDownButton
    • FileManager
    • FileUploader
    • FilterBuilder
    • Floating Action Button
    • Form
    • Funnel
    • Gallery
    • Gantt
    • HtmlEditor
    • LinearGauge
    • List
    • LoadIndicator
    • LoadPanel
    • Lookup
    • Map
    • Menu
    • MultiView
    • NumberBox
    • Pagination
    • PieChart
    • PivotGrid
    • PivotGridFieldChooser
    • PolarChart
    • Popover
    • Popup
    • ProgressBar
    • RadioGroup
    • RangeSelector
    • RangeSlider
    • Resizable
    • ResponsiveBox
    • Sankey
    • Scheduler
    • ScrollView
    • SelectBox
    • Slider
    • Sortable
    • Sparkline
    • Splitter
    • Switch
    • TabPanel
    • Tabs
    • TagBox
    • TextArea
    • TextBox
    • TileView
    • Toast
    • Toolbar
    • Tooltip
    • TreeList
    • TreeMap
    • TreeView
    • VectorMap
    • Common Types
    • Utilities
  • Common Concepts
  • DevExtreme CLI
  • React Application Template
  • Accessibility
  • Security Considerations
  • React-Specific Features
  • Troubleshooting
  • Integration Guides
Documentation Menu
  • React Documentation
  • UI Components
  • CircularGauge
  • Demos
  • React Documentation
  • UI Components
  • CircularGauge
  • Demos
v25.1 v24.2 v24.1 v23.2 v23.1 v22.2 v22.1 v21.2 v21.1
The page you are viewing does not exist in version 21.1.
v20.2
The page you are viewing does not exist in version 20.2.
v20.1
The page you are viewing does not exist in version 20.1.
v19.2
The page you are viewing does not exist in version 19.2.
v19.1
The page you are viewing does not exist in version 19.1.
v18.2
The page you are viewing does not exist in version 18.2.
v18.1
The page you are viewing does not exist in version 18.1.
v17.2
The page you are viewing does not exist in version 17.2.

React CircularGauge - Demos

CircularGauge features are illustrated and described in the following technical demos:

  • Update Circular Gauge Data at Runtime
  • Palette For Ranges
  • Scale Minor Ticks
  • Scale Label Formatting
  • Different Value Indicator Types
  • Different Subvalue Indicator Types
  • Subvalue Indicator Text Formatting
  • Custom Layout
  • Angles Customization
  • Gauge Title Customized
  • Gauge Tooltip
  • Value Indicators API
Was this topic helpful?
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!

Copyright © 2011-2025 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners.

Use of this site constitutes acceptance of the Developer Express Inc Website Terms of Use, Privacy Policy (Updated), and .
Use of DevExtreme UI components/libraries constitutes acceptance of the Developer Express Inc End User License Agreement.

FAQs: Licensing | DevExpress Support Services | Supported Versions & Requirements | Maintenance Releases