Legend onclick can not override chart onclick

Hi, I want trigger legend onclick function, but when I click legend, it seems to trigger the chart onclick function to setState. Is there any way to prevent chart onclick when click the legend. Thanks a lot! options = {legend: { display: true, onClick: (e, item) => {console.log("Click Legend")} }, events: ['click', 'mousemove'], onClick: (e, data) => { this.setState(newState) }}

[dpadula]

@KhalidOuaz I’ve found this and test it with another chart (bar chart). Maybe can help you with the behavior of legend.

legend: { display: true, position: ‘bottom’, onClick: (e, legendItem, chart) => { // console.log(‘e’, e); // EVENT // console.log(‘legendItem’, legendItem); // ITEMS // console.log(‘chartRef’); // REF const ci = chartRef.chartInstance; let meta = ci.getDatasetMeta(0); // console.log(meta);

  // // See controller.isDatasetVisible comment
  meta.hidden = meta.hidden === null ? !ci.data.datasets[0].hidden : null;

  // // We hide a dataset ... rerender the chart
  ci.update();
},

Cheers

[KhalidOuaz]

Hello Button continue to be override, i have a test here but i am still not finding a solution. Can you help me please https://codesandbox.io/s/gallant-archimedes-zqxre