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

Range Area Chart Example

This example shows a range area chart built with AG Charts, shading the band between a low and a high series over time. Configure the fills, difference styling, labels and axes, then build the same chart in JavaScript, React, Angular or Vue.

Get started with JavaScript, React, Angular or Vue.

More from the charts gallery...

Horizontal Range Bar Charts with Multiple Series
Range Area Difference Chart With Inverted Style
Range Area Chart With Labels