Функция Chart.js onClick для гистограммы

Question

Привет. Я пытаюсь создать гистограмму с данными из моей базы данных.Я возился с «вариантами», а также пробовал несколько решений онлайн, но безрезультатно.Размещение тега «options:» в различных частях моего кода либо приводит к тому, что он вообще ничего не делает, либо к исчезновению всей гистограммы

$(document).ready(function(){




$.ajax({
    url: "http://localhost:8548/chartjs/data.php",
    method: "GET",
    success: function(data) {
        console.log(data);
        var exercise = [];
        var count = [];

        for(var i in data) {
            exercise.push("Exercise " + data[i].exercisesId);
            count.push(data[i].total);
        }

        var chartdata = {
            labels: exercise,
            datasets : [
                {
                    label: 'Exercises Completed',
                    backgroundColor: 'rgba(255, 99, 132, 0.2)',
                    borderColor: 'rgba(255, 99, 132, 1)',
                    hoverBackgroundColor: 'rgba(54, 162, 235, 0.2)',
                    hoverBorderColor: 'rgba(54, 162, 235, 1)',
                    borderWidth: 1,
                    data: count,
                }]


        };

        var ctx = document.getElementById("mycanvas").getContext("2d");
        var ctx = $("#mycanvas");

        var barGraph = new Chart(ctx, {
            type: 'bar',
            data: chartdata

        });

        options:{onClick: graphClickEvent}
        function graphClickEvent(event, array){
            if(array[0]){
                foo.bar; 
            }
        }

    },



    error: function(data) {
        console.log(data);
    }
});
});

Это фрагмент кода, который я пытался поместить в различные части моего кода:

    options:{
    onClick: graphClickEvent
}

function graphClickEvent(event, array){
    if(array[0]){
        foo.bar; 
    }
}

Я понимаю, что даже если этот фрагмент будет работать, ничего не произойдет, так какхорошо, но я не понимаю, почему размещение его в определенных областях в нижней части моего кода вызовет вышеупомянутую проблему.

Просто для фона на моей гистограмме отображается общее количество выполнений определенного упражнения.и я пытаюсь сделать так, чтобы при нажатии на конкретную панель отображалось какое-то отображение со списком людей, которые выполнили упражнение.Спасибо за ваше время!

Answer 1

Я думаю, что только это необходимо

var ctx = document.getElementById("mycanvas").getContext("2d");