我可以在甜甜圈图中一一排列图例标签吗？

Question

我在React js应用程序中使用chart.js的Donut图表。对于图例，我需要与以下插图相同的外观。

我已经阅读了Chart.js文档，但我束手无策！

Answer 1

您必须在选项中添加它，请参见下一个：

options: {
    legend: {
        display: true,
        position: 'bottom',
        labels: {
            boxWidth: 10
        }
    }
}

https://www.chartjs.org/docs/latest/configuration/legend.html#legend-label-configuration在这里您可以看到可以添加到标签的所有选项，还请参见填充，默认值为10，您只需要添加boxWidth。