Updated: June 19, 2018
SAPUI5 Version 1.80
- Latest Version 1.128
- Version 1.126
- SAPUI Version 1.124
- SAPUI5 Version 1.122
- SAPUI5 Version 1.120
- SAPUI5 Version 1.118
- SAPUI5 Version 1.116
- SAPUI5 Version 1.114
- SAPUI5 Version 1.112
- SAPUI5 Version 1.110
- SAPUI5 Version 1.108
- SAPUI5 Version 1.106
- SAPUI5 Version 1.104
- SAPUI5 Version 1.102
- SAPUI5 Version 1.100
- SAPUI5 Version 1.98
- SAPUI5 Version 1.96
- SAPUI5 Version 1.94
- SAPUI5 Version 1.92
- SAPUI5 Version 1.90
- SAPUI5 Version 1.88
- SAPUI5 Version 1.86
- SAPUI5 Version 1.84
- SAPUI5 Version 1.82
- SAPUI5 Version 1.78
- SAPUI5 Version 1.76
- SAPUI5 Version 1.74
- SAPUI5 Version 1.72
- SAPUI5 Version 1.70
- SAPUI5 Version 1.68
- SAPUI5 Version 1.66
- SAPUI5 Version 1.64
- SAPUI5 Version 1.62
- SAPUI5 Version 1.60
- SAPUI5 Version 1.58
- SAPUI5 Version 1.56
- SAPUI5 Version 1.54
- SAPUI5 Version 1.52
- SAPUI5 Version 1.50
- SAPUI5 Version 1.48
- SAPUI5 Version 1.46
- SAPUI5 Version 1.44
- SAPUI5 Version 1.42
- SAPUI5 Version 1.40
- SAPUI5 Version 1.38
- SAPUI5 Version 1.36
- SAPUI5 Version 1.34
- SAPUI5 Version 1.32
- SAPUI5 Version 1.30
- SAPUI5 Version 1.28
- SAPUI5 Version 1.26
- Latest Version 1.128
- Version 1.126
- SAPUI Version 1.124
- SAPUI5 Version 1.122
- SAPUI5 Version 1.120
- SAPUI5 Version 1.118
- SAPUI5 Version 1.116
- SAPUI5 Version 1.114
- SAPUI5 Version 1.112
- SAPUI5 Version 1.110
- SAPUI5 Version 1.108
- SAPUI5 Version 1.106
- SAPUI5 Version 1.104
- SAPUI5 Version 1.102
- SAPUI5 Version 1.100
- SAPUI5 Version 1.98
- SAPUI5 Version 1.96
- SAPUI5 Version 1.94
- SAPUI5 Version 1.92
- SAPUI5 Version 1.90
- SAPUI5 Version 1.88
- SAPUI5 Version 1.86
- SAPUI5 Version 1.84
- SAPUI5 Version 1.82
- SAPUI5 Version 1.80
- SAPUI5 Version 1.78
- SAPUI5 Version 1.76
- SAPUI5 Version 1.74
- SAPUI5 Version 1.72
- SAPUI5 Version 1.70
- SAPUI5 Version 1.68
- SAPUI5 Version 1.66
- SAPUI5 Version 1.64
- SAPUI5 Version 1.62
- SAPUI5 Version 1.60
- SAPUI5 Version 1.58
- SAPUI5 Version 1.56
- SAPUI5 Version 1.54
- SAPUI5 Version 1.52
- SAPUI5 Version 1.50
- SAPUI5 Version 1.48
- SAPUI5 Version 1.46
- SAPUI5 Version 1.44
- SAPUI5 Version 1.42
- SAPUI5 Version 1.40
- SAPUI5 Version 1.38
- SAPUI5 Version 1.36
- SAPUI5 Version 1.34
- SAPUI5 Version 1.32
- SAPUI5 Version 1.30
- SAPUI5 Version 1.28
- SAPUI5 Version 1.26
Chart Types
Intro
The following chart types are available in vizFrame:
![](https://experience.sap.com/fiori-design-web/wp-content/uploads/sites/5/2017/11/Thumbnail-Bar-Chart-1-52.png)
Bar Chart
- Simple
- With dual axis
![](https://experience.sap.com/fiori-design-web/wp-content/uploads/sites/5/2017/11/Thumbnail-Bubble-Chart-1-52.png)
Bubble Chart
- With horizontal value axis
- With horizontal time axis
![](https://experience.sap.com/fiori-design-web/wp-content/uploads/sites/5/2017/11/Thumbnail-Combined-Column-LineChart-1-52.png)
Combined Column and Line Chart
- With categorical axis
- With categorical axis and dual axis
- With time axis
- With time axis and dual axis
![](https://experience.sap.com/fiori-design-web/wp-content/uploads/sites/5/2017/11/Thumbnail-Combined-stacked-Column-LineChart-1-52.png)
Combined Stacked Column and Line Chart
- With categorical axis
- With dual axis
![](https://experience.sap.com/fiori-design-web/wp-content/uploads/sites/5/2017/11/Thumbnail-Donut-Chart-1-52.png)
Donut Chart
- Donut chart
- Pie chart
![](https://experience.sap.com/fiori-design-web/wp-content/uploads/sites/5/2017/11/Thumbnail-Heatmap-1-52.png)
Heatmap
- Heatmap chart
![](https://experience.sap.com/fiori-design-web/wp-content/uploads/sites/5/2017/11/Thumbnail-Scatter-Chart-1-52.png)
Scatter Chart
- With horizontal value axis
- With horizontal time axis
![](https://experience.sap.com/fiori-design-web/wp-content/uploads/sites/5/2017/11/Thumbnail-Stacked-Bar-Chart-1-52.png)
Stacked Bar Chart
- Simple
- 100%
- With dual axis
![](https://experience.sap.com/fiori-design-web/wp-content/uploads/sites/5/2017/11/Thumbnail-Stacked-Column-Chart-1-52.png)
Stacked Column Chart
- With categorical axis
- With dual axis
- With time axis
- 100% with categorical axis
- 100% with dual axis
- 100% with time axis
![](https://experience.sap.com/fiori-design-web/wp-content/uploads/sites/5/2017/11/Thumbnail-Waterfall-Chart-1-52.png)
Waterfall Chart
- Horizontal
- Vertical with categorical axis
- Vertical with time axis
- Vertical with time axis and multiple series (periodic)
For guidelines, see Waterfall Chart.
Resources
Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.