...
...
...
...
...
...
...
...
...
...
...
...
| Anchor | ||||
|---|---|---|---|---|
|
| Table of Contents |
|---|
Comparison
| Setting Type | Instructions |
|---|---|
| Series |
Border Colour Code: #fcfcfc |
| Labels |
Font Colour Code: #36424A |
| Horizontal Axis |
Axis Colour Code: #fcfcfc |
Vertical Axis |
|
Design Recommendations: Simplify the column/bar chart by reducing the non-data ink. Display the column labels and remove axes/gridlines
Categorical Data
| Setting Type | Instructions |
|---|---|
| Series |
*Use colours from Colour Palette |
| Labels |
|
Gridlines |
|
Horizontal Axis |
|
Vertical Axis |
|
Individual Values Through Time
| Setting Type | Instructions |
|---|---|
Chart | Enable Unit Selection and Date Slider in Chart Settings> Interaction:
|
Series |
Border Colour Code: |
Horizontal Axis |
Axis Colour Code: #36424A |
Vertical Axis |
|
Trend Breakdown
| Setting Type | Instructions |
|---|---|
Chart | Enable Visible Series Selection: |
Series |
Border Colour Code: #fcfcfc |
Horizontal Axis |
Axis Colour Code: #36424A |
Vertical Axis |
Axis Colour Code: #36424A |
Design Recommendations: Visible Series Selection allows users to select which series to display by checking the boxes. It is handy for users to view individual metrics value as well as overall values.
Sum
| Setting Type | Instruction |
|---|---|
| Chart |
*Use colours from Colour Palette |
| Labels |
Font Colour Code: #36424A |
| Horizontal Axis |
Axis Colour Code: #fcfcfc |
| Vertical Axis |
|
...