Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Anchor
Top
Top

Table of Contents

Pie Chart

Setting TypeSettings
Chart

Series

Labels

Font Colour Code: #545454


Image Modified

Background Colour Code: #fcfcfc

Chart Background

Design Recommendations: Pie charts should only be utilised to depict percentage values.  Always provide labels as it is usually difficult to interpret angles.3.6.1


Info

Alternative Chart Types: Consider using a stacked horizontal bar chart or column chart based over a pie chart to help the user easily interpret the data.



Alternative 1. Stacked Horizontal Bar Chart


Setting TypeSettings

Series

*Use colours from Colour Palette

Labels

Font Colour Code: #36424A

Vertical Axis

Axis Colour Code: #fcfcfc

Horizontal Axis

Axis Colour Code: #fcfcfc

Horizontal Axis - Scale 



Alternative 2. Column Chart

Setting TypeSettings

Gridline

Labels

Font Colour Code: #36424A

Horizontal Axis

Axis Colour Code: #fcfcfc

Vertical Axis


3.4 Pie ChartsTop




Panel
borderWidth1
borderStylesolid
titleIn this section

Page Tree
rootStyle Guide3. Chart Formatting