Example use of Chart.js as doughnut chart

chart-doughnut-lesson.html

<script src="Chart.js"></script>

<canvas id="myChart" width="400" height="400"></canvas>

<script>

context = document.getElementById('myChart').getContext('2d');

var pieChart = new Chart(context, {
    type: 'doughnut',
    data: {
        labels: ['dog', 'cat', 'turtle', 'fish'],
        datasets: [{
            data: [4, 7, 9, 1],
            backgroundColor: [
                'red', 'green', 'aqua', 'tan'
            ]
        }]
    },

    options: {
        responsive: false,
        
    }

})


</script>