216
Views
9
Comments
Pie Chart

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

2021-01-04 08-13-48
Toto
 
MVP

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

2021-01-04 08-13-48
Toto
 
MVP

Here is the demo.

ChartDemo.oml
UserImage.jpg
Siva D

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

2021-01-04 08-13-48
Toto
 
MVP

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


UserImage.jpg
Siva D

Can u please post the demo for this?

2021-01-04 08-13-48
Toto
 
MVP
ChartDemo.oml
UserImage.jpg
Siva D

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

2021-01-04 08-13-48
Toto
 
MVP

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.

UserImage.jpg
Siva D

Thank You Toto.

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