Chart.js 谁知道如何在爱奥尼亚2中写下馅饼的名称

Chart.js 谁知道如何在爱奥尼亚2中写下馅饼的名称,chart.js,pie-chart,simplepie,Chart.js,Pie Chart,Simplepie,我想把标签贴在馅饼下面。谁知道呢,请告诉我。谢谢!这是代码 this.pieChart = new Chart(this.pieCanvas.nativeElement, { type: 'pie', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ la

我想把标签贴在馅饼下面。谁知道呢,请告诉我。谢谢!这是代码

      this.pieChart = new Chart(this.pieCanvas.nativeElement, {
        type: 'pie',
        data: {
            labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
            datasets: [{
                label: '# of Votes',
                data: [12, 19, 3, 5, 2, 3],
                backgroundColor: [
                    "#ff0000",
                    "#0000ff",
                    "#ffff00",
                    "#008000",
                    "#800080",
                    "#ffa500"
                ]
            }]
        }

    }); 

您可以通过设置标签/图例的位置来实现这一点

options: {
    legend: {
        position: 'bottom'
    }
}
完整的代码如下所示

this.pieChart = new Chart(this.pieCanvas.nativeElement, {
    type: 'pie',
    data: {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
                    "#ff0000",
                    "#0000ff",
                    "#ffff00",
                    "#008000",
                    "#800080",
                    "#ffa500"
                ]
            }]
    },
    options: {
        legend: {
            position: 'bottom'
        }
    }
});