Jhamman Sharma

Members
 View Profile  See their activity

  • Content count

    1

  • Joined

  • Last visited

About Jhamman Sharma

  • Rank
    Forum Newbie
  1. Jhamman Sharma started following How to show both percentage and value in the label for Pie chart? and Showing both percentage and value in Pie chart

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

    Jhamman Sharma replied to Rahul Kumar's topic in General usage

    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);