5. Series Design + Waterfall Settings
In this step, the Waterfall widget's visual settings and flow-specific parameters are configured: positive bar color (Series Color), negative value color, total bar behavior, connector line.
Wizard route: /cartography/add/seriesdesign
Back Button Behavior
If you return with Back from this step, the series configuration that was created is deleted. You will need to re-enter the form values.
1. Screen Layout
On the left is the series design form; on the right is the live chart preview.
2. Series Display
| Field | Description |
|---|---|
| Series Name | Series name to appear in the legend |
| Series Color | Positive bar color (default: green shade) |
Series Color = Positive
In Waterfall, Series Color is the color for "increase" bars. There is a separate Negative Value Color field for negative (decrease) bars (see below).
3. Data Label Settings
| Field | Description | Unit |
|---|---|---|
| Show Data Labels | Value label above each bar | toggle |
| Data Label Text Color | Label text color | color |
| Data Label Font Size | Label text size | px |
| Data Label Position | Label position (Top, Center, Outer) |
enum |
Data Label in Waterfall
Keep Data Label on to see the delta of each bar. Positive values appear as +250 or 250, negative values as -120.
4. Waterfall Settings (Key Section of This Flow)
| Field | Description |
|---|---|
| Negative Value Color | Negative (decrease) bar color (e.g., red shade) |
| Treat Last Point As Total | Treat the last point as total (toggle) |
| Total Sum Color | Total bar color (e.g., blue shade) |
| Connector Line Width | Connector line thickness between bars (px) |
| Connector Line Color | Connector line color |
Color Recommendation
| Bar Type | Recommended Color |
|---|---|
| Positive (Series Color) | Green shade (#22C55E) |
| Negative (Negative Value Color) | Red shade (#EF4444) |
| Total (Total Sum Color) | Blue/Navy (#1E40AF) — prominent |
| Connector | Light gray (#9CA3AF) — does not compete for attention |
5. Treat Last Point As Total
When this option is on, the last row's category (e.g., 'Total') is rendered as a separate total bar; it starts from the zero baseline and is colored with Total Sum Color.
| Scenario | Total Setting |
|---|---|
| Last row of query is already a total | Treat Last Point As Total = On |
| You have not added a total row to the query | Off (Waterfall shows only the delta) |
| To end the entire flow with a clear closing | On — last bar is prominent |
Total Setting Off + Total Category
If you added a 'Total' row to the query but left Treat Last Point setting off, the last row also behaves like a delta and the total is calculated incorrectly.
6. Connector Line
The connector line between bars highlights the flow. Usually drawn in light tones, it does not compete with the bars.
| Connector Width | Appearance |
|---|---|
1 px |
Thin, almost invisible |
2 px (default) |
Standard |
3 - 4 px |
Flow-prominent |
7. Confirmation
When you click the Next button at the top right, flow.hasSeriesDesign = true is marked and you go directly to 7. General Design (Step 6 Add Series is skipped — Waterfall works with a single series).
8. Next Step
Step 6 Is Skipped
Waterfall works with a single series; there is no multiple series addition step.