Responsive? about easy-pie-chart HOT 10 OPEN

I'm using this as workaround. Not an elegant solution maybe, but it works for me:

var $chart = $('.amount-chart'),
    size = parseFloat( $chart.outerWidth() ),
    clearSet;

$chart.easyPieChart({
    size: size,
    animate: 2000
});

$(window).on('resize', function(){

   size = parseFloat( $chart.outerWidth() );

   $chart.css({
      height: size
   });

   clearTimeout(clearSet);
   clearSet = setTimeout(function(){
      $chart.removeData('easyPieChart').find('canvas').remove();
      $chart.easyPieChart({
         size: size,
         animate: 1
      });
   }, 100);
 });    

Here a jsfiddle example with setTimeout lines commented: https://jsfiddle.net/70vy5smy/2/

from easy-pie-chart.

+1 for responsive

from easy-pie-chart.

+1 responsive

from easy-pie-chart.

+1 for responsiveness, or a way to re-draw the chart in AngularJS

from easy-pie-chart.

+1 responsive

from easy-pie-chart.

+1 for responsive? im lost

from easy-pie-chart.

+1 for responsive

from easy-pie-chart.

+1 for responsive ... or percentage size.

from easy-pie-chart.

👍

from easy-pie-chart.

+1

from easy-pie-chart.