@ciara
Для настройки графика типа "doughnut" в библиотеке Chart.js необходимо создать объект конфигурации и определить соответствующие настройки.
Пример кода настройки графика типа "doughnut":
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
var ctx = do***ent.getElementById('myChart').getContext('2d'); var myDoughnutChart = new Chart(ctx, { type: 'doughnut', data: { labels: ['Red', 'Blue', 'Yellow'], datasets: [{ label: '# of Votes', data: [12, 19, 3], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)' ], borderColor: [ 'rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)' ], borderWidth: 1 }] }, options: { cutoutPercentage: 50, rotation: -0.5 * Math.PI, animation: { animateScale: true }, legend: { display: true, position: 'right' }, responsive: true } }); |
В данном примере мы определили:
Дополнительные настройки и опции можно найти в документации Chart.js.