Jhamman Sharma

Members
 View Profile  See their activity

  • Content count

    1

  • Joined

  • Last visited

Everything posted by Jhamman Sharma

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