图例选项会破坏Chart.js中的饼图

Question

我的Chart.js饼图工作正常，但是当我添加图例选项时，它消失了，这让我非常沮丧。其他选项（例如标题和动画）效果很好，只有图例选项破坏了馅饼。我已经仔细查看了代码，但无法弄清楚我做错了什么。下面是我的代码：

if ( $('#broadsheet_piechart_sample').length ) {      
    var ctx = document.getElementById("broadsheet_piechart_sample");
    var data = {
        datasets: [{
            data: [10, 20, 30, 40, 50],
            backgroundColor: ['#455C73', '#9B59B6', '#BDC3C7', '#26B99A', '#3498DB'],
        }],
        labels: ['Dark Gray', 'Purple', 'Gray', 'Green', 'Blue']
    };

    //options
    var options = {
        title: {
            display: true,
            position: "top",
            text: "Test Pie Chart",
            fontSize: 18,
            fontColor: "#111"
        },
        animation: {
            duration: 0
        },
        legend: {
            display: true,
            position: "bottom",
            labels: {
                fontColor: "#333",
                fontSize: 16
            }
        }
    };

    var broadsheet_piechart_sample = new Chart(ctx, {
        data: data,
        type: 'pie',
        options: options
    });  
}

Answer 1

您使用的是旧版本，可能会导致此问题。

请升级到最新的CharJs版本（2.7.3）。

例如，我所做的就是：example就是您所做的。