Pie Chart

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

Champion

Hi,


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


Thanks

Champion

Here is the demo.

ChartDemo.oml

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

Champion

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?

Champion
ChartDemo.oml

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

Champion

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.