Chart – Reference Lines

Intro

You can add reference lines to highlight certain values. Reference lines can be added to continuous axes, but not to categorical axes.

Single Reference Line

Bar chart with vertical reference line

Multiple Reference Lines

Line chart with 3 horizontal reference lines

Colors

Simple Reference Lines

Use simple reference lines if the area or limit they represent does not carry a semantic meaning. In this case, all the lines have the same color and only the labels differ.

Bar chart with 3 reference lines and no semantic colors

Semantic Reference Lines

Use semantic reference lines if you want if you want to show easily distinguishable limits or areas in semantic categories. You can use between one and a maximum of all four semantic colors in one chart. The semantic colors are used as follows:

Negative (red)
Critical (orange)
Positive (green)
Neutral (gray)

Bar chart with 3 semantic reference lines

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

Chart (guidelines)

Implementation

Reference Line (SAPUI5 samples)