получить значения диаграммы в диаграмме js в реакции js - PullRequest
Новая
       9

получить значения диаграммы в диаграмме js в реакции js

1 голос
/ 04 августа 2020

картина

Поскольку это составная диаграмма, мне нужно получить значения в приведенной выше диаграмме, такие как апрель, здоровье и счет 148, я использовал следующий код: 

 onClick: function (e) {
                        var activePointLabel = this.getElementsAtEvent(e)[0]._model.label;
                        alert(activePointLabel);
                    }

Но я получаю только Апрель, но мне нужно все вышеперечисленное, когда я нажимаю, мне нужно получить как апрель, здоровье и 148

полный код моей диаграммы: 

window.allSession = new Chart(ctxSession, {
            type: 'bar',
            data: {
               labels: dates,
               datasets: [
                {
                    label: 'Emotional',
                    data: resEmotional,
                                backgroundColor: 'rgb(0, 156, 182)'   ,
                                hoverBackgroundColor: 'rgb(0, 156, 182)'   ,
                                hoverBorderWidth: 2,
                                hoverBorderColor: 'lightgrey'
                },
                {
                    label: 'Mental',
                    data: resMental,
                                backgroundColor:  'rgb(117, 117, 117)'     ,
                                hoverBackgroundColor:  'rgb(117, 117, 117)'     ,
                                hoverBorderWidth: 2,
                                hoverBorderColor: 'lightgrey'
                },
                {
                    label: 'Others',
                    data: resOthers,
                                backgroundColor: "rgba(225, 58, 55, 0.7)",
                                hoverBackgroundColor: "rgba(225, 58, 55, 0.7)",
                                hoverBorderWidth: 2,
                                hoverBorderColor: 'lightgrey'
                },
                {
                    label: 'Wellness',
                    data: resWellness,
                                backgroundColor: 'rgb(253, 186, 49)' ,
                                hoverBackgroundColor: 'rgb(253, 186, 49)' ,
                                hoverBorderWidth: 2,
                                hoverBorderColor: 'lightgrey'
                },
                ]
            },
            
            
            options: {
                    scales: {
                        yAxes: [{
                            stacked:true,
                            ticks: {
                                beginAtZero: true
                            }
                        }],
                        xAxes: [{
                            stacked:true,
                            barPercentage: 0.4
                        }],events:[]
                    },
                    onClick: function (e) {
                        var activePointLabel = this.getElementsAtEvent(e)[0]._model.label;
                        alert(activePointLabel);
                    }
                }
        });

Пожалуйста, помогите мне разобраться в этом. Заранее спасибо

...