Question

Show percentage in Pie Chart Widget

0

Hi, could you please help me with showing the numbering/percentage in the pie chart itself? Thanks, Prem

asked 2017-10-03

PREM PATEL

11 answers

Adnan Ramlawi - TIMESERIES · Answer 1 · 2017-10-04

Did you try setting the value parameter in the widget? Otherwise you might want to check the documentation of chartjs to add your own custom parameters / see what is possible. http://www.chartjs.org/docs/latest/charts/doughnut.html

Ivo Sturm · Answer 2 · 2017-10-04

ChartJS does not cater for this itself, so you have to resort to plain JavaScripting. See:

https://stackoverflow.com/questions/33363373/how-to-display-pie-chart-data-values-of-each-slice-in-chart-js

And a working JSFiddle for it:

http://jsfiddle.net/2gapedks/

So, it involves a fairly simple JS customization to the ChartJS widget.

PREM PATEL · Answer 3 · 2017-10-03

Hey Eric,

I am using Chart JS (Pie Chart). I am trying to implement percentage/Number thing on to the chart. Image of a chart is as below,

Eric Tieniber · Answer 4 · 2017-10-04

Another option would be to use a different charting library/widget, like perhaps the Tech Tammina D3 chart widget from the app store. One of the screenshots looks like what you want.

EDIT - he's a screenshot of it working in 5.21.5

PREM PATEL · Answer 5 · 2017-10-09

I tried but somehow its not workout in mendix 5.21.0 version. I am still trying though and what I did with the chart Js is simply looks like above image but without number and percentage. when I go for the mendix app store the sample image is looks like below, but I have no clue where this percentage thing come from.

Sushuma Bandanadham · Answer 6 · 2017-10-10

Hi Prem,

I have checked Tech Tammina D3 Pie Chart widget works fine with 5.20.0 version. It will come as below example.

Sushuma Bandanadham · Answer 7 · 2017-10-10

Hi Prem,

I have checked Tech Tammina D3 Pie Chart widget is working with modeler 5.20.0 version. The graph will be as follows. Hope this might solve your issue.

Thanks.

Regards,

Sushuma

Sushuma Bandanadham · Answer 8 · 2017-10-10

Hi Prem,

I checked Tech Tammina D3 Pie Chart widget is working fine with modeler version 5.20.0. The graph is as follows. Hope this might solve your issue.

Thanks,

Regards,

Sushuma

Sushuma Bandanadham · Answer 9 · 2017-10-10

Hi Prem,

I checked Tech Tammina D3 Pie Chart widget is working fine with modeler version 5.20.0. The graph is as follows. Hope this might solve your issue.

Sushuma Bandanadham · Answer 10 · 2017-10-10

Hi Prem,

I checked Tech Tammina D3 Pie Chart widget is working fine with modeler version 5.20.0. The graph is as follows. Hope this might solve your issue.

Sushuma Bandanadham · Answer 11 · 2017-10-10

Hi Prem,

I checked Tech Tammina D3 Pie Chart widget is working fine with modeler version 5.20.0. The graph is as follows. Hope this might solve your issue.