Color Palettes for Charts

Overview | Monochrome Scale | Multicolor Scheme (Straight) | Multicolor Scheme (Straight Reverse)

Overview

For charts in MiniApps or other SAP applications the color codings described below are to be used - irrespective of whether the charts are created using Portable Interactive Graphics (PIG) or any other method.

Overview of the chart colors and their uses

Figure 1: Overview of the chart colors and their uses

 

Monochrome Scale

This scale is the default for charts with alert function.

Colors are used in this order:

  1. 24, 25, 26, 27, 28,
  2. 52, 51, 50, 49, 48,
  3. 32, 33, 34, 35, 36

Note: The monochrome scale is just an additional option.

It is possible to go on in the following order:

  1. 20, 19, 18, 17, 16
  2. 8,9,10,11,12
  3. 44, 43, 42, 41, 40
  4. 56, 57, 58, 59, 60

But it makes no sense to show such a great number of values in a Miniapp. It is better not to enable the second group. So, a maximum of 15 values in a monochrome chart is recommended.

Monochrome color scales and their construction

Figure 2: Monochrome color scales and their construction

 

Multicolor Scheme (Straight)

Use this color schema for all chart types except curve/line charts.

Color columns used in the order are shown beneath the color table.

A maximum of 35 values is possible.

However, it is hard to distinguish or compare more than 3 different shades of the same color, since they are not standing next to each other.

This means that any chart showing more than 21 values will be very difficult to read.

Mulitple color coding scheme for most charts types

Figure 3: Multiple color coding scheme for most charts types

 

Multicolor Scheme (Straight Reverse)

Use this color scheme only for curve/line charts.

Color columns are used in the order shown beneath the color table.

A maximum of 35 values is possible.

However, it is hard to distinguish or compare more than 3 different shades of the same color, since they are not standing next to each other.

This means that any chart showing more than 21 values will be very difficult to read.

Color scheme in reverse order for curve/line charts

Figure 4: Color scheme in reverse order for curve/line charts

 

top top

 Source:  Recommendations for Charts and Graphics