Наведите указатель мыши на метку легенды и выделите конкретный набор данных. - PullRequest
Новая
       23

Наведите указатель мыши на метку легенды и выделите конкретный набор данных.

0 голосов
/ 28 июня 2019

В настоящее время у меня проблема с реакцией chartjs2.Я хотел бы выделить конкретный набор данных, когда мышь находится над легендой LABEL.?

Мне не удалось зафиксировать события от нажатия на легенду / ось с помощью функций реагирования chartjs-2.(getDatasetAtEvent, onElementsClick, getElementAtEvent).Код ниже работает с обычной библиотекой chartjs.Есть ли эквивалентный способ сделать что-то подобное, используя библиотеку реагирования 

                    legend: {
                        display: true,
                        position: 'bottom',
                        labels: {
                          fontColor: isDarkMode ? theme.palette.common.black : theme.palette.common.white,
                          usePointStyle: true,
                          padding: 10,
                          fontSize:12
                        },
                        onHover: function(event, legendItem) {
                          var options = this.options || {};
                          var hoverOptions = options.hover || {};
                          var ci = this.chart;
                          hoveredDatasetIndex = legendItem.datasetIndex;
                          ci.updateHoverStyle(ci.getDatasetMeta(hoveredDatasetIndex).data, hoverOptions.mode, true);
                          ci.render();
                        }
                      },

Я также пытался напечатать элемент onHover на LEGEND.Я мог печатать только текст, но не индекс. 

             onHover: (e, item) => {
                            alert(`Item with text ${item.text} and index 
                            ${item.index} hovered`)
                            console.log(e)

              },

Кажется, что это сложнее, чем я думал.

...