Please note: The stacked bar micro chart does not support negative values.
Use the stacked bar micro chart if:
Responsiveness and Adaptiveness
The stacked bar micro chart is fully responsive. The size adjusts dynamically based on the dimensions of the parent container. In addition, there are also four fixed sizes – L, M, S and XS. Each fixed size is a snapshot of the fully responsive micro chart for specific dimensions.
Maximum and Minimum Sizes
The stacked bar micro chart can have the following dimensions:
Maximum width: 320 px
Minimum width: 64 px.
Maximum height: 94 px
Minimum height: 18 px.
If the label is too long to fit inside the bar, it is hidden. With the minimum chart height, the labels are not shown.
The chart is scaled relative to the maximum value. This means if a maximum value (maxValue) is set, then the width of the stacked chart represents the maximum value and each value within the chart is scaled relative to this maximum.
If the maximum value is not set, then the width of the chart represents 100% and each value is displayed as a relative percentage.
By setting a specific value for the precision, an application developer can influence rounding calculations by defining how many digits are displayed. By default this value is 1.
By default, the control displays percentage values on the bars. However, application developers can also set a display property to show absolute values, or to show only bars (by entering a blank space).
Please note: A legend is currently not available for the stacked bar micro chart. Since the use of multiple colors is not self-explanatory, we highly recommend using semantic colors and an explanatory title for the chart.
Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.