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

Answer 2

只需根据您的页面可见性设置画布高度即可。它对我有用EX。 <canvas id="pie_chart" height="78"></canvas>

Chart.js不会在第一次加载时设置动画

2 个答案: