ChartModel with your data and chart type, then pass it to ChartView.
Platform support
- iOS 17.0+
- visionOS 2.0+
Basic usage
ChartView is an ObservableObject-driven view — mutating any published property on ChartModel automatically re-renders the chart.
Supported chart types
FioriCharts provides 17 chart types through theChartType enum.
| Case | Description |
|---|---|
.line | Line chart — one or more series plotted as connected lines |
.column | Clustered column chart — vertical bars grouped by category |
.combo | Combo chart — first series as columns, additional series as lines |
.bar | Bar chart — horizontal bars grouped by category |
.stackedColumn | Stacked column chart — series stacked vertically |
.waterfall | Waterfall chart — cumulative value changes with optional totals |
.area | Area chart — lines with filled area below |
.scatter | Scatter chart — data points plotted by x/y coordinates |
.bubble | Bubble chart — scatter with a third dimension shown as bubble size |
.donut | Donut chart — circular chart with a hole; supports multiple selections |
.stackedBar | Stacked bar chart — series stacked horizontally |
.stock | Stock chart — OHLC or candlestick-style time series |
.micro_area | Micro area chart — compact sparkline with filled area |
.micro_bullet | Micro bullet chart — compact bar with target and range indicators |
.micro_column | Micro column chart — compact column sparkline |
.micro_harvey_ball | Harvey ball micro chart — circular completion indicator |
.micro_radial | Micro radial chart — compact arc completion indicator |
Migration from SAPFiori
FioriCharts is designed as a backward-compatible replacement for the RoambiChartKit-based charts in SAPFiori 4.x and 5.x. The table below shows parity status.| Chart | SAPFiori 4.0.x, 5.0.x | FioriCharts |
|---|---|---|
| Area | ✓ | ✓ |
| Line | ✓ | ✓ |
| Column | ✓ | ✓ |
| Stacked Column | ✓ | ✓ |
| Bar | ✓ | ✓ |
| Stacked Bar | — | ✓ |
| Bubble | ✓ | ✓ |
| Scatter | ✓ | ✓ |
| Waterfall | ✓ | ✓ |
| Combo | ✓ | ✓ |
| Donut | — | ✓ |
| Bullet | — | ✓ |
| Harvey Ball | — | ✓ |
| Radial | — | ✓ |
| Stocks (line) | — | ✓ |
Explore
ChartModel
Data model reference — parameters, data structure, selection modes.
Chart types
Code examples for every chart type with ChartView and ChartModel.
Customization
Series colors, axis styles, gridlines, points, and selection behavior.