I'm new to working with Angular and Javascript, now I have to create a dynamic chart in my project. I have the following js code of the chart that I'll use, but I don't know how to move this code to Angular and make it dynamic.

Thank you.

    var ctx = document.getElementById('chart4').getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'doughnut',
        data: {
            labels: ['', ''],
            datasets: [{
                label: '# of Votes',
                data: [60, 40],
                backgroundColor: [
                    '#B60007',
                    '#363632',
                ],
                borderWidth: 0
            }]
        },
        options: {
            cutout: 30,
            rotation: 29 * Math.PI,
            circumference: 28 * Math.PI,
            responsive: true,
            maintainAspectRatio: false,
            plugins: {
                legend: {
                    display: false
                },
                title: {
                    display: true,
                }
            }
        },
    });