Responsive?

[ryanbelisle]

Is the Chart Responsive?

I tried setting the width & height of the canvas element as well as it's div container to smaller sizes as resolutions decrease. It works fine in Chrome, but if I open it up on my iPhone the size doesn't change.

Any suggestions?

[polikin]

+1 for responsive

[paulobranco]

+1 responsive

[nunosilva800]

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

[keown]

+1 responsive

[Iknuts]

+1 for responsive? im lost

[danpadua]

+1 for responsive

[Smashr]

+1 for responsive ... or percentage size.

[g-javi]

👍

[tceydeliler]

+1

[pixedelic]

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/