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⌘ KCtrl K
  • Examples
  • Gallery
  • Docs
  • API
  • Community
  • Pricing
  • Contact Us
  • GitHub
  • AG Grid
  • AG Studio
  • Bryntum Gantt
  • Bryntum Scheduler
  • Bryntum Scheduler Pro
  • Bryntum Calendar
  • Bryntum Task Board
  • Examples
  • Gallery
  • Docs
  • API
  • Community
  • Pricing
  • Contact Us
  • GitHub

Horizontal Range Bar Charts with Multiple Series Example

This example shows a horizontal range bar chart built with AG Charts, using multiple range bar series so each category carries one span per group, laid out horizontally for long category names. The category axis sits on the right with band highlight on hover, and the value axis marks ticks at two fixed values rather than an even step.

Get started with JavaScript, React, Angular or Vue.

  • Copy Link
  • New Tab

More Chart Examples

View All Examples

Range Bar Chart Example
Range Bar Chart With Labels Example
Range Bar Chart with Multiple Series Example
Horizontal Range Bar Chart Example
Horizontal Range Bar Chart With Labels Example
Range Area Chart Example

© AG Grid Ltd 2015-2026

AG Grid Ltd registered in England & Wales.
Company No. 07318192.
VAT no. GB998360167

Registered address
AG Grid Ltd
70 Wilson Street
London
EC2A 2DB

Documentation
  • Getting Started
  • Roadmap
  • Changelog
  • Pipeline
  • Documentation Archive
Support & Community
  • Blog
  • Stack Overflow
  • License & Pricing
  • Support via Zendesk
  • Security
The Company
  • AG Grid
  • AG Studio
  • About
  • Contact Us
Follow
  • GitHub
  • X
  • YouTube
  • LinkedIn
  • Terms of Use
  • Privacy Policy
  • Cookies Policy
  • Manage Cookies
  • Modern Slavery
  • Sitemap