Skip to Content (Press Enter)
2020-10-26 08-15-55
Laia Ferrando Ferragud
64Views
1Comments
Solved
How can I include a suffix in the values of a donut chart?
Question
JSON
Reactive
Charts
Application Type
Reactive
Service Studio Version
11.9.1 (Build 33435)

I have a donut chart, from the Outsystems Charts reference.

In the chart, I have a DataPoint list already with its labels and values. Those are already displayed in the donut chart correctly.

I want to display, next to each value of the DataPoint List, a single character, like '%' or '€'.

I have tried including in the highchartsJSON the attached piece of code to config them, with no luck. I've also tried different pieces of code, like:

        tooltip: {
            valueSuffix: '€',
        }

or

"plotOptions: {   
    tooltip: {
        valueSuffix: '€',
    } 
}"

Any tips on this?


chart.png
0
0
02 Dec 2020
Copy Link
2021-09-06 15-09-53
Dorine Boudry
 
MVP
Solution

Hi Laia,

I see you use reactive.

there is a default tooltip created by the chart widget, but you can use the chart widgets tooltip property to make one according to your own liking, for example including a currency symbol.

See attached oml for an example

I'm sure there is also a way to do this with JSON, but this seems like the way to go for me.

Dorine


Edit : I just saw that you are talking about a donut chart, my example is a column chart, but same thing applies.

rwChartLegendPosition.oml
1
0
02 Dec 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.