Mouse event does not triggers onHover callback.

[henryfruit]

I create and dispatch an event to canvas.
It works fine for all elements in dataset ecxept one. I've checked the event on canvas DOM element - the event is triggered. But not triggered in chart.js onHover callback.

Config:
`config: {
type: 'doughnut',
borderWidth: 0,
data: {},
options: {
onHover: (e, elements) => {
console.log('55555', e);
if (!elements || !elements.length) return;

          const { index } = elements[0];
          this.activePercent = this.config.data.datasets[0].data[index];
          this.activeLabel = this.config.data.labels[index];
        },
        onClick: (e, elements) => {
          if (elements && elements.length > 0) {
            const { index } = elements[0];
            this.redirectToFilteredPage(index);
          }
        },
        interaction: {
          mode: 'point',
        },
      },
    },`
    
   Dataset:

`[

      {
        label: 'Relationship Effective Dates',
        data: [71, 12, 17],
        borderColor: ['rgb(175, 226, 95)', 'rgb(226, 237, 255)', 'rgb(228, 79, 79)'],
        backgroundColor: ['rgb(175, 226, 95)', 'rgb(226, 237, 255)', 'rgb(228, 79, 79)'],
        hoverBackgroundColor: ['rgb(175, 226, 95)', 'rgb(226, 237, 255)', 'rgb(228, 79, 79)'],
        hoverBorderColor: ['rgb(175, 226, 95)', 'rgb(226, 237, 255)', 'rgb(228, 79, 79)'],
        borderWidth: 0,
        hoverBorderWidth: 2,
        hoverCutout: 55,
        weight: 0.4,
        cutout: 70,
      },
    ]`

[LeeLenaleee]

The onHover seems to be working just fine, the reason it does not work on the legend is that it is limmited to the chart area, if you want to hover over the legend you will need to use the onHover callback of the legend and not the one from the chart.

https://www.chartjs.org/docs/3.8.2/configuration/legend.html#configuration-options