AG Studio: Build dashboards using native components in web apps. Join us for a webinar on 28th July at 2pm UTC+1 Register
AG Grid
Best JavaScript Grid in the World
AG Charts
Best JavaScript Charts in the World
AG Studio
Best JavaScript Dashboard in the World
Bryntum Gantt
Speed-tuned Gantt chart for project planning
Bryntum Scheduler
Resource scheduling timeline component
PROPRO
Bryntum Scheduler Pro
Scheduler with auto-scheduling and constraints
Bryntum Calendar
Flexible JavaScript event calendar
Bryntum Task Board
Kanban-style task board component
Search

Horizontal Range Bar Chart Example

This example shows a horizontal range bar chart built with AG Charts, drawing each category as a bar spanning a low and a high value. Configure the axes, labels, colours and orientation, then build the same chart in JavaScript, React, Angular or Vue.

Get started with JavaScript, React, Angular or Vue.

More from the charts gallery...

Range Bar Chart with Multiple Series
Horizontal Range Bar Chart With Labels
Horizontal Range Bar Charts with Multiple Series