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 Waterfall Chart Example

This example shows a horizontal waterfall chart built with AG Charts, breaking down how successive increases and decreases lead to a final total. Configure the totals, colours and labels, then build the same chart in JavaScript, React, Angular or Vue.

Get started with JavaScript, React, Angular or Vue.

More from the charts gallery...

Waterfall Chart
Customised Waterfall Chart
Box Plot Chart