Versions Compared

Key

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

...

...

...

...

...

...

...

...

...

...

Anchor
Top
Top

Table of Contents

Pie Chart

Image Modified

Setting TypeSettings
Chart

Image Modified

Series

Image Modified

Labels

Image Modified

Font Colour Code: #545454


Image Modified

Background Colour Code: #fcfcfc

Chart Background

Image Modified

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


Image Modified

Setting TypeSettings

Series

Image Modified

*Use colours from Colour Palette

Labels

Image Modified

Font Colour Code: #36424A

Vertical Axis

Image Modified

Axis Colour Code: #fcfcfc

Horizontal Axis

Image Modified

Axis Colour Code: #fcfcfc

Horizontal Axis - Scale 

Image Modified


...

Alternative 2. Column Chart

Image Modified

Setting TypeSettings

Gridline

Image Modified

Labels

Image Modified

Font Colour Code: #36424A

Horizontal Axis

Image Modified

Axis Colour Code: #fcfcfc

Vertical Axis

Image Modified


3.4 Pie Charts

...

borderWidth1
borderStylesolid
titleIn this section

...