Могу ли я разместить ярлыки легенды в кольцевой диаграмме по одному?

Question

Я использую Donut chart of chart.js в приложении реагировать на js.Мне понадобится такой же внешний вид и легенда, как показано:.

Я просмотрел документацию 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.