Colour customisation can be done on all types of charts in the Custom Dashboards following the the steps below.
Note: this customisation can only be done on charts in the Custom Dashboards, not the Built-in dashboards.
1. Select a Custom Dashboard.
2. Select Dashboard Layout
{"colors":["#COLOURCODE"]}
The #COLOURCODE will be where you insert the hex colour code. Each colour is associated with a code. At the end of this article is a list of common colour codes that are used.
In this example, to change the colour from blue to orange, the code below would be entered:
{"colors":["#FF6600"]}
5. Click Save Changes. The graph will be automatically updated as shown:
{"colors":["#COLOURCODE1", "#COLOURCODE2"]}
In this example, it will be written as:
{"colors":["#FF6600", "#008000 "]}
Click on Save Changes, and the result can be automatically seen on the Dashboard.
If there is more than two colours in the graph, the same format would be used, with a comma separating each colour code.
Here is a list of colour codes which could be useful to use:
Colour | HTML code |
|---|---|
Red | #FF0000 |
Green | #008000 |
Blue | #0000FF |
Orange | #FF6600 |
Purple | #800080 |
Black | #000000 |
Gray | #808080 |
If you would like other colour options, a range of colour codes can be found here.
Add a comment
Please log in or register to submit a comment.