Как открыть модал по клику на круговой диаграмме?

Question

В этом коде я создал круговую диаграмму, которая работает нормально, и круговая диаграмма показывает три цвета, как я упоминал в своем коде ниже.

Теперь, то, что я хочу, это когда я нажимаю на цвет #FF0000, тогда он показывает мод загрузки для обоих цветов одинаково.

Понятия не имею, как это сделать?

<script>
$(function(){
        //get the pie chart canvas
        var cData = JSON.parse(`<?php echo $chart_data; ?>`);
        var ctx = $("#pie-chart");
        //pie chart data
        var data = {
            // labels: cData.label,
            datasets: [{
                label: "Users Count",
                data: cData.data,
                backgroundColor: [
                    "#FF0000",
                    "#FFFF00",
                    "#008000",
                ],
                borderColor: [
                    "#FF0000",
                    "#FFFF00",
                    "#008000",
                ],
                borderWidth: [1, 1, 1]
            }]
        };
        //options
        var options = {
            responsive: true,
            title: {
                display: true,
                position: "top",
                text: "All Subject Progress",
                fontSize: 18,
                fontColor: "#111"
            },
            legend: {
                display: true,
                position: "bottom"
                // labels: {
                //   fontColor: "#333",
                //   fontSize: 16
                // }
            }
        };
        //create Pie Chart class object
        var chart1 = new Chart(ctx, {
            type: "pie",
            data: data,
            options: options
        });
    });
</script>

<div class="chart-container">
    <div class="pie-chart-container">
        <canvas id="pie-chart"></canvas>
    </div>
</div>