AI-powered Extensions

Data Management

Grid
TreeList

Data Editors

Overview
Common Concepts
Calendar
CheckBox
Color Palette

New
ComboBox
Date Edit
Date Range Picker
DropDown Box
List Box
Masked Input
Memo
Radio
Radio Group
Search Box

New
Spin Edit
TagBox
Text Box
Time Edit

Data Visualization

Bar Gauge
Charts
- Overview
- Line
- Area
- Bar
- Point
- Range
  - Range Bar
  - Range Area
- Financial
- Pie and Donut
- Polar and Radar
- Sparklines
- Autogenerated Series
- Histogram
- Sankey
  
  New
- Drill Down
- Axes
- Zoom
- Multiple Panes
- Customization
- Selection
- Real Time Data
- Palette
- Annotations
- Error Bars
- Crosshair
  
  New
Map
Pivot Table

CTP
Pivot Grid
Range Selector

New

Layout

Carousel

New
Drawer
Form Layout
Grid Layout
Layout Breakpoint
Splitter

New
Stack Layout
Tabs

Navigation

Overview
Accordion
Context Menu
Menu
Pager
Ribbon

CTP
Toolbar
TreeView

Dialogs and Windows

DropDown
Flyout
Message Box

New
Popup
Toast Notification
Window

Buttons

Button
Button Group

New
DropDown Button

New
Split Button

New

File Management

File Input
Upload

File Viewers & Editors

HTML Editor
PDF Viewer
Rich Text Editor

Scheduling

Reporting

Progress Indication

Loading Panel
Progress Bar
Wait Indicator

Document Processing

Version: 24.2.3

Range Bar

Annual Temperature

New York

Los Angeles

This demo illustrates how to use Range Bar series within the Chart component. Range Bar series display value ranges that correspond to argument values. Chart data is represented as rectangles between a specified start and end value.

Did this demo address your needs?