How can I add an event to chart.js legend?

Question

Based on this post I've been able to add the event, but it's not triggered. Any idea why? I'm using the default chart.js legend.

Chart.helpers.each(vm.chart.legend.legendItems, function(legendNode, index) {
  Chart.helpers.addEvent(legendNode, 'mouseover', function() {
    console.log('event triggered!');
  });
});

Brief code description : Adds the event to every legend item.

Using : angularjs and chartjs 2.1.6

Answer 1

I've got this answer from one of the developers. Currently it's not possible to add custom events to the canvas legend. You must create you own html legend using myChartInstance.generateLegend().

I've opened a request. I will update if they add this event natively.