A waterfall chart visualizes the incremental changes from a starting value to an ending result, clearly breaking down positive and negative contributions. By showing an initial value, multiple increases and decreases, and a final total, it helps analyze the impact of each step on the overall result. It is commonly used in financial statements, budget comparisons, and phased metric breakdowns.
Quarterly Revenue Waterfall: Shows revenue changes across quarters with Q1-Q3 subtotal and year-end adjustments.
Annual Expense Change Analysis: 8 expense items, labor costs and R&D investment as major increases, includes annual total, custom colors
Quarterly Revenue Change Waterfall: 4 quarters of revenue vs. cost comparison, with quarterly profit subtotals and annual net profit total, custom palette
| Property | Type | Required | Description |
|---|---|---|---|
| type | string | required | Value must be "waterfall". |
| data | Object[] | required | Chart data. |
| data.category | string | required | Step name or category name. |
| data.value | number | optional | Increase or decrease for the step (positive for increase, negative for decrease). |
| data.isIntermediateTotal | boolean | optional | Whether this is an intermediate total bar, default is false. |
| data.isTotal | boolean | optional | Whether this is a total bar, default is false. |
| title | string | optional | Chart title. |
| axisXTitle | string | optional | X-axis title. |
| axisYTitle | string | optional | Y-axis title. |
| theme | 'default' | 'dark' | 'academy' | optional | Chart theme, default is "default". |
| style | Object | optional | Chart style. |
| style.backgroundColor | string | optional | Must be a valid color value. |
| style.palette | string[] | optional | Order is [positive color, negative color, total color], default is ["#FF4D4F", "#2EBB59", "#1783FF"]. |
