Passer au contenu principal

Reports widget override examples - Base de connaissances / Using Deskpro / Reports - Deskpro Support

Reports widget override examples

Liste des auteurs

You can format  charts in Reports v2 using JSON with our Widgets Override option. 

You can find the official documentation here: https://docs.amcharts.com/3/javascriptcharts/AmChart but we have included some examples below. You can see the differences in the pie chart after our custom JSON was added.

Note

A detailed guide on how to customize the colour of charts can be found here: Customizing the color of charts on custom dashboards

1) You can use the following format to change the font of the legend and labels of a pie chart:

{"fontFamily":"Georgia","fontSize":15}


1.jpg) }}


2) Here we are removing the legend and labels from the pie chart:

{"legend":false,"labelsEnabled":false,"categoryAxis":{"labelRotation":45,"title":null}}

Hovering your mouse over the chart allows the details to display.

3.jpg) }}


More information about standard AmCharts options could be found here.

You may be particularly interested in: AmBalloon, CategoryAxis, ValueAxes, AmGraph, AmLegend or AmBalloon.


3) In the following example, we have customized the colors of the SLA categories in the pie chart:

{"pieColors": {"ok": "#008000", "fail": "#f80000", "warning": "#fde910"}}


2.jpg) }}




Utile Peu Utile

65 personnes sur 106 ont trouvé cette page utile

Commentaires (2)

Gregory Gutshall
Note: The AmCharts library states that the legend JSON tag is an Object. So, you need to specify your values within that JSON object. Like, {"legend": {"enabled": true}}
Andrea Steele
Do you have examples of how to change other Widget types? e.g. line charts.