'ChartJS: How to force redraw after hiding data items clicking on legend?

I've a ChartJS pie chart, where I draw the labels myself. This works fine - until the legend comes into play.

const options = {      
   layout: {
      ...
   },
   plugins: {
      chartLineLabelPlugin: {
         ...
      },
      legend: {
         display: true
      },
   }
};

enter image description here

Using the legend, the user can click on labels and thus hide this single data item. The pie chart is redrawn but the afterDraw function of other plugins is never called.

  1. How can I force to redraw the chart in a way, that the afterDraw is called clicking on legend items?
  2. How can I identify the hidden data items?


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source