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
![](https://mattwraytest80horizon.deskpro.com/file.php/23601TJHJRDTGJGKYWNC0/image.png)
![](https://mattwraytest80horizon.deskpro.com/file.php/23612ZJSGQDBHSRXZBXH0/image.png)
![](https://mattwraytest80horizon.deskpro.com/file.php/23613CYTHDNZJDJRKMWA0/image.png)
{"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:
![](https://mattwraytest80horizon.deskpro.com/file.php/23615HKPNGJHYJRTQXDJ0/image.png)
![](https://support-attachments.deskpro.com/19078/19077402PSANXTYAQGKWTXM0-1628698393945.png)
{"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.
![](https://support-attachments.deskpro.com/19078/19077439PCNARCYQXCRHZGD0-1628698580018.png)
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.