javascript - 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"));
})();