@alisa.bahringer
Для создания круговой диаграммы на Bootstrap можно использовать библиотеку Chart.js.
Пример кода:
1 2 3 4 5 |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Chart(ctx, { type: 'pie', data: { datasets: [{ data: [10, 20, 30], backgroundColor: [ 'rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)' ] }], labels: ['Red', 'Blue', 'Yellow'] }, options: { responsive: true, maintainAspectRatio: false } }); |
В этом примере мы создали круговую диаграмму с тремя различными секторами, задали им цвета и подписи на основе массива данных. Также мы добавили опции для респонсивности и поддержки соотношения сторон.
Можно настроить график под свои задачи и подобрать нужный стиль оформления, используя документацию Chart.js.