This Explore recipe shows you how to change the color of the % One-touch tickets value to green when it reaches a certain value.
What you'll need
Skill level: Average
Time Required: 15 mins
- Zendesk Explore Professional or Enterprise
- Editor or Admin permissions (see Giving agents access to Explore)
- Ticket data in Zendesk Support
How to create the report in Explore
Use the following steps to create this report in Explore.
- In Explore, click the reports (
) icon.
- In the Reports library, click New report.
- On the Select a dataset page, click Support > Support - Tickets, then click Start report. The report builder opens.
- Next, add your metrics, the things you want to measure. In this case, you'll add the number of tickets created. In the Metrics panel, click Add.
- From the list of metrics, choose Agent replies distribution > % One-touch tickets, then click Apply.
- In the Rows panel, click Add.
- From the list of attributes, choose Time - Ticket created > Ticket created - Year and Time - Ticket created > Ticket created - Month. Then, click Apply.
- In the chart configuration menu (
), click Display format.
- On the Display format page, change Standard to Advanced.
- Copy and paste the code below into the Format section.
IF (SUM(onetouchtickets-c133534e9b) > .80) THEN
{
"backgroundColor": "#15B660",
"precision": 0,
"scale": .01,
"prefix": "",
"decimalSeparator": ".",
"fontColor": "",
"italic": FALSE,
"bold": FALSE,
"suffix": "%",
"thousandsSeparator": " "
}
ELSE
{
"backgroundColor": "#ff0000",
"precision": 0,
"scale": .01,
"prefix": "",
"decimalSeparator": ".",
"fontColor": "",
"italic": FALSE,
"bold": FALSE,
"suffix": "%",
"thousandsSeparator": " "
}
ENDIFYou can change the required reference value. In the example, it shows .80. You can also change the color that appears when the value is greater than the reference value. In the example, the HEX color value is #15B660. Finally, you can also change the color that appears when the value is less than the reference value. In the example, the HEX color value is #ff0000. For more information, see Color Hex.
The report is now complete.
14 Comments
Hi,
Does the code for formatting support extended IF statements like this?
Hi Andrei,
The IF block does support multiple conditions on both the metrics and the attributes. That said, we recommend testing out each condition individually first before conjoining them in a single condition (using AND/OR).
Warm Regards,
Eric
Eric G. Gao | Technical Support Architect | Zendesk
I was unable to get the color formatting working with KPI visualization type. I switched to a Table visualization and it worked. Just FYI in case anyone was having issue.
Edit: Link to the feature request. https://support.zendesk.com/hc/en-us/community/posts/360042104174-Explore-color-conditional-formatting-is-only-in-Table-format-
How to change color of Priority and Ticket solved month, in the given query, please refer snapshot of the query.
Unlike for example if you have the Ticket Solved - Month as a column and the Priority as a row, which would result into something like this automatically changing colors. In here, we are telling Explore to display the number of tickets being created (or solved in your case, just used created here as it has more data in my test account), and and separate them by priority.
Hope this helps! Cheers!
Hey, how do I write > or =? Because here we get bigger or smaller and if the value is equal will be included as smaller. What is the simbol?
You can use OR, e.g.:
IF (SUM(onetouchtickets-c133534e9b) > .80) OR (SUM(onetouchtickets-c133534e9b) = .80) THEN
See also Explore functions reference
Hi Dave,
Thanks for answering.
I tried but it didn't work to me. So i decided just put a number behind, like the last number i want to have red. i.e. .69 when your target is 70. That works too.
Have a great day
Hi,
Do you know any way of excluding Totals from the formatting?
Totals are considered as part of the metric values and the conditional formatting will always be applied.
The only alternatives are to remove the totals from the query or include additional logic in the conditional formatting to remove the color when the totals exceed a certain value.
Hope this helps.
Cheers,
Dane
Hello,
I would like to know if it can be possible to define different colors on graphs got with explosions (see example below):
I would like to have a different graph color for each group in my example.
Thanks a lot.
Olivier
Hi Olivier Saugoux, you can use the SWITCH function to accomplish this. What you’ll need to do is create and add a standard calculated metric (in addition to the metric you already have in the screenshot above) with a formula that follows this pattern:
Make sure to use the AVG aggregator with your standard calculated metric. After you’ve added this new metric to your report, click it and select Color (near the bottom) and click Apply.
Your explosions should now be showing in different colors. You can modify the colors a bit by going to the Chart configuration menu > Colors > Color encoding. Note that the colors will be determined on a spectrum—you won’t be able to pick a specific color for a specific attribute value.
Here's an example of what my test report looks like using this method:
Hello! If I were looking to use this with the median resolution time metric ( MED(Full resolution time(hrs)) ) how would you plug that in? We're looking for anything at or below 2.5 hrs to show up in green and anything at 2.6 hrs or higher to be red. For some reason, I can't get the code to cooperate and it's throwing errors before I've changed anything.
The existing code:
IF (MED(Full resolution time (hrs)) > 50) THEN
{
"backgroundColor": "",
"precision": 0,
"scale": 1,
"prefix": "",
"decimalSeparator": ".",
"italic": FALSE,
"bold": FALSE,
"suffix": "",
"fontColor": "",
"thousandsSeparator": " "
}
ELIF (IS_NAN(MED(Full resolution time (hrs)))) THEN
{
"backgroundColor": "#dddddd"
}
ELSE
{
"fontColor": "#30aabc"
}
ENDIF
Any advice would be greatly appreciated!
Let me create a ticket for you so that we can investigate on this further.
Please sign in to leave a comment.