Intro

The comparison chart is a bar chart. It compares entries in a top N list. You can choose between two different layouts depending on the available space and parent container: normal view and wide view. You can use either the semantic chart palette or the qualitative chart palette.

Different comparison charts in normal view and wide view
Different comparison charts in normal view and wide view

Usage

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

Responsiveness and Adaptiveness

See the micro chart overview article.

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

Implementation

Comparison Micro Chart (SAPUI5 samples)