Chart.js는 첫 번째로드시 애니메이션을 적용하지 않습니다.

Question

Chart.js를 사용하여 파이 차트를 그리지 만 처음으로로드 할 때 애니메이션이 재생되지 않습니다. 그러나 다시로드하면 애니메이션이 재생됩니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

코드 :

function make_chart(ctx, data, type="pie"){ 
    var theChart = new Chart(ctx, { 
     type: type, 
     data: data, 
     animate:{ 
      animateRotate: true, 
      duration: 1000, 
      animateScale: true, 
      animationSteps: 15 
     } 

    }) 
    return theChart; 
} 

function example(ctx) { 
    var data = { 
    labels: [ 
     "Red", 
     "Blue", 
     "Yellow" 
    ], 
    datasets: [ 
     { 
      data: [300, 50, 100], 
      backgroundColor: [ 
       "#FF6384", 
       "#36A2EB", 
       "#FFCE56" 
      ] 

     }] 
    }; 
    return make_chart(ctx,data); 
} 

$(function() { 
     example($("#chart")); 
}); 

감사

Answer 1

아마 당신의 예제 함수를 호출합니다.

(function() { 
     example($("#chart")); 
})();