[Chartjs]-Detect onHover being complete on a Chart.js doughnut chart

by

1đź‘Ť

âś…

Are you defining an “events” property apart from the “onHover” property? If you add “mouseout” to the list, the “onHover” function will be called in both cases. Check out the documentation for this https://www.chartjs.org/docs/latest/general/interactions/events.html

An example code that might work:

options: {
   events: ["mousemove", "mouseout"],
   onHover: function (evt, item) {

       if (item.length) {
           var index = item[0]._index;
           var legendElement = $(#get element based on index#);
           if(evt.type == "mousemove"){
             legendElement.addClass('active');
           }else{
             legendElement.removeClass('active');
           }

       }
   }
}

Leave a comment