Good day everyone,
I have some enquiries on how to implement data labels in a Pie Chart. How can I apply the following code to show the values?
// Taken from https://www.outsystems.com/forums/discussion/58749/outsystems-charts-pie-chart-wont-show-values-at-slices/
plotOptions: { series: { dataLabels: { enabled: true, // enable DataLabels format: '{point.name}: {y}', // format to replicatte Traditional Web labels } }}
Lastly, if I were to implement a customized pie chart using the Highcharts library, how can I make it clickable? E.g. https://www.outsystems.com/forums/discussion/76676/how-to-show-percentage-with-count-inside-pie-chart-and-show-text-outside-pie-char/
I have attached oml file to kick start.
To implement data labels in a pie chart using the given code in OutSystems, you need to modify the chart's Highcharts configuration through JavaScript. Additionally, to make the pie chart clickable, you need to add event handlers to the chart configuration.
Thanks. Do you have any example to modify the chart?
Hi @Drexxor
I have Attached the Oml,pls check.
https://personal-h3dyi7cz.outsystemscloud.com/Charts/PieCharts?_ts=638524964399454917
For clickable u have Ondatapointclick event in pie chart.you can use this
Hope this will be helpful,
Thanks.
Seems like a straightforward way to show the number but how can i modify the chart with javascript?
You can import Highcharts in our application.
Link:https://personal-h3dyi7cz.outsystemscloud.com/Charts/PieCharts?_ts=638525061995533425
I have attached the oml.
Hope it will be helpful
Thanks
Regards,
Karnika.
Hello @Drexxor ,
I hope this will be helpful for you.
Please check OML I have made all the changes you need.
Regards Gourav Shrivastava
Did You get the solution?
Karnika.K