Как создать круговую диаграмму на Bootstrap?

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
    }
});