8. Card Design — Waterfall
In this step, the Waterfall widget's outer card appearance is configured.
Wizard route: /cartography/add/carddesign
1. General Settings
| Field |
Description |
Unit |
| Chart Name |
Title shown at the top of the card |
text |
| Chart Refresh Interval |
Data refetch period |
seconds |
Refresh Interval Recommendation for Waterfall
Waterfall generally contains periodic report data; refresh frequency is low.
| Scenario |
Recommended Refresh |
| Quarterly P&L (manual reporting) |
0 (never refresh) |
| Monthly production delta |
3600 sec (hourly) |
| Shift-based OEE loss distribution |
300 - 600 sec |
| Fixed-date analysis |
0 |
2. Card Display
| Field |
Description |
Type |
| Card Background Color |
Card background color |
color |
| Card Title Position |
Left / Center / Right |
enum |
| Card Title Color |
Title text color |
color |
| Card Title Font Size |
Title font size |
px |
3. Info Card
The info card is ideal for Waterfall to describe positive/negative/total colors and category definitions.
| Field |
Description |
| Show Info Card |
Whether the info card is visible |
| Info Card Content |
Markdown editor |
| Expand Editor |
Full-screen editor |
## Q1-Q2 P&L Flow
- 🟢 **Positive**: Revenue increase
- 🔴 **Negative**: Cost/Loss
- 🔵 **Total**: Net Profit
> Data source: ERP P&L module
4. Spacing
| Field |
Description |
Unit |
| Padding |
Card inner spacing |
px |
5. Border
| Field |
Description |
Unit |
| Border Color |
Card border color |
color |
| Border Radius |
Corner rounding radius |
px |
| Border Width |
Border thickness |
px |
6. Shadow (if available)
| Field |
Description |
| Shadow Blur |
Shadow softness |
| Shadow Offset X / Y |
Shadow direction offset |
| Shadow Opacity |
Shadow transparency |
7. Confirmation
When you click the Next button at the top right, flow.hasCardDesign = true is marked.
8. Next Step
→ 09 — Display Information