How to show both percentage and value in the label for Pie chart?

[dingfeng]

showValues='1'

 

 

 

if I add

 

 showPercentValues='1' 

 

then It show percentage only

 

 

 

 

 

How to show both percentage and value in the label for Pie chart?

Edited October 27, 2008 by Guest

[Arindam]

Hi,

 

You can show value on label and percentage on tool tip.

showPercentageValues='0'  showPercentInToolTip='1'

You can show percentage on label and value on tool tip.

showPercentageValues='1'  showPercentInToolTip='0'

[jclemo]

Can you not do both in the label?

[Arindam]

Hi,

Sorry, It is not possible.

[jclemo]

Can you add annotations to charts like you can widgets?

[Rahul Kumar]

Hi,

 

I am afraid, currently FusionCharts do not support annotations.

[Hitisme]

Hi,

 

 

You can show value on label and percentage on tool tip.

 

showPercentageValues='0' showPercentInToolTip='1'

 

You can show percentage on label and value on tool tip.

 

showPercentageValues='1' showPercentInToolTip='0'

 

Hi Arindam,

 

I am using Fusionchart module (fusioncharts-6.x-1.0.) for creating Pie-charts and other metrics , could you please help me where can I found these values i.e:showPercentageValues='0' showPercentInToolTip='1' . Plese help .

Edited October 11, 2011 by Hitisme

[Jhamman Sharma]

Using Jquery or Javascript you can update label after it load .

STEPS :

1.  creating setTimeout function that run after 2 seconds.

2. Loop through all the label and calculate total (to percentage generate) 

3. Loop Through Again and replace label value with your value.

 

window.setTimeout(function(){

var getTotal = 0;
var selector = "#revenue-block tspan"
document.querySelectorAll(selector).forEach(function(ele){
    if(ele && ele.innerHTML && ele.innerHTML.split(',').length > 1){
        var arr = ele.innerHTML.split(','); // paid, 2000k or pend,3000k
        var value = +arr[1].replace(/[a-zA-z, ]/g,''); // 2000k => 2000  
        if(value > 0){
            getTotal += value;
        }
    }
});

document.querySelectorAll(selector).forEach(function(ele){
    if(ele && ele.innerHTML && ele.innerHTML.split(',').length > 1){
        var arr = ele.innerHTML.split(','); // paid, 2000k or pend,3000k
        var value = +arr[1].replace(/[a-zA-z ]/g,'');  // 2000k => 2000  
        var per = Math.round(((value/getTotal)*100)     * 100) / 100; // 34.556788 => 34.55 (you can also used number.toFixed(2) )
        if(per > 0){
            ele.innerHTML = ele.innerHTML + ' (' + per + '%)';
        }
    }
});

},2000);

Edited May 3, 2019 by Jhamman Sharma

[Akash Biswas]

Hi,

 

It is possible to set the "displayValue" attribute of the data objects to set the display string with labels, values, and calculated percentage values within the "rendered" events.

Find the sample fiddle for reference :http://jsfiddle.net/Lvyum8qw/3/

 

Thanks,

Akash.