Pie Chart

I want to create this multi series pie chart in reactive outsystems. Can anyone help ?



The simplest thing for this is add the js from your image, is using chart.js (you can use import javascript or copy the javascript from https://www.jsdelivr.com/package/npm/chart.js and put it on the "Scripts" on the Interface Tab)

Then put the javascript like the example on the page https://www.chartjs.org/docs/latest/samples/other-charts/multi-series-pie.html

I will try to prepare demo for this, but need some time :D



Here is the demo.


Thank you Toto. But is there any way of creating this chart using chart widget in outsystems with sample data?


Yes, it should possible using chart widget on Outsystems, but you need to use the customization with HighchartsJSON.

For example, you can check this https://www.highcharts.com/forum/viewtopic.php?t=19698

Can u please post the demo for this?


Hi, When i change the values in the javascript for screen 1. I am not getting output. Why is that so?


Did you put number above 100 ?

Pie chart is representative of 100% for a whole circle, so the example data must sums up to 100.

I change the value to 25, 75 for the first record and it changes normally.

Thank You Toto.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.