Column Micro Chart

sap.suite.ui.microchart.ColumnMicroChart

Intro

A column chart uses rectangular bars to compare multiple values over time or across categories. One axis of the chart shows the specific categories being compared, the other axis represents a value.

Note: The current version of the chart does not support showing the axis.

Multiple column charts

Usage

The column micro chart can be embedded into a table, list, tile, or header.

Responsiveness and Adaptiveness

See the micro chart overview article.

Components

Bars

The bars of the column micro chart can represent both positive and negative values.

We strongly recommend using only semantic colors for the bars (good, critical, bad, neutral). If your use case requires colors from the qualitative palette, use only one color per chart.

Labels

The column micro chart currently supports four labels – two at the bottom and two at the top.

The bottom labels should be used to indicate the start and end point of a period, whereas the top labels show the corresponding values.

Column micro chart - Components

Resources

Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.

Elements and Controls

Micro Chart (guidelines)
Color Palette (guidelines)
Chart Types (guidelines)

Implementation

Column Micro Chart (SAPUI5 samples)