When to use it
Use canonical visualization tokens and keep the application data model explicit. Provide a concise factual label, and retain the readable native fallback supplied by the component.
Data displayReact Native
Waterfall chart
Explain a balance using signed changes and explicit totals.
Native example
Use Waterfall chart
Use canonical visualization tokens and keep the application data model explicit. Provide a concise factual label, and retain the readable native fallback supplied by the component.
View captured React Native example
<LumenWaterfallChart
data={balanceChanges}
label="Quarterly revenue"
/>Reference
Public API
The primary shared and platform-specific options exposed by LumenWaterfallChart.
| API | Values or type | Default | Description |
|---|---|---|---|
| label | String | Required | Provides the concise accessible name for the visualization. |
| data | Typed native chart data | Required | Supplies finite values and stable identifiers through the shared chart contract. |
Native behavior
Design and accessibility
Accessibility
Provides labeled axes, a factual summary, and expandable source values; invalid changes fail closed.
Shared component