Color customization can be done on all types of charts in the Custom Dashboards following the steps below.
Note: This customization 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?access_token=s07ct2-fwgwdzfuku-f661dfca682453225e38df9e89783ecab1a64b19)
3. Hover over the title of your widget on the top left-hand corner and select 'Edit Widget'.
![](https://mattwraytest80horizon.deskpro.com/file.php/23612ZJSGQDBHSRXZBXH0/image.png?access_token=s07ct3-rcinyltdwg-4975c4784313d46dabf5cb526841d8316c9791e8)
![](https://mattwraytest80horizon.deskpro.com/file.php/23613CYTHDNZJDJRKMWA0/image.png?access_token=s07ct5-yvlmxrutvw-9002099a7614c95f25f7cbb7a28f18d657c02a3b)
The format is written as:
{"colors":["#COLOURCODE"]}
The #COLOURCODE will be where you insert the hex color code. Each color is associated with a code. At the end of this article is a list of common color codes that are used.
In this example, to change the color 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?access_token=s07ct2-uobqrwzpgi-ec54736981e85f3e0178ccd50cb05ef5e2b44213)
![](https://support-attachments.deskpro.com/19078/19077402PSANXTYAQGKWTXM0-1628698393945.png)
Repeat Steps 1 to 3 from above, in Step 4, the format below is used:
{"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 are more than two colors in the graph, the same format would be used, with a comma separating each color code.
Here is a list of color codes that could be useful to use:
Color | HTML code |
---|---|
Red | #FF0000 |
Green | #008000 |
Blue | #0000FF |
Orange | #FF6600 |
Purple | #800080 |
Black | #000000 |
Gray | #808080 |
Fügen Sie einen Kommentar hinzu
Bitte loggen Sie sich ein oder melden Sie sich an, um einen Kommentar zu hinterlassen.