resetScale on doubleclick causes Maximum call stack err

[mattgatee]

Has anyone tried implementing this before? console.log works just fine, but for whatever reason resetZoom errors out. I added a setTimeout and it resolved the error but it resets my chart in slow motion (like, takes > 1 minute to reset). Any ideas?

const doubeClick: Plugin<"line"> = {
  id: "doubleClick",
  afterEvent(chart: ChartJS, args: any, _options: AnyObject) {
    if (args.event.type  === "dblclick") chart.resetZoom()
    return
  }
};

return <Line options={lineOptions} data={lineData} plugins={[doubeClick]} />

[nckhmelkov]

Hi @mattgatee, try like this:

1. Add to the options: events: ['dblclick']
2. Add to the plugin: events: ['dblclick']

 const doubleClickPlugin: Plugin<"line"> = {
            id: 'doubleClickPlugin',
            events: ['dblclick'],
            afterEvent: (chart: ChartJS, args: any) => {
                if (
                    args.event.type === 'dblclick' &&
                    chart.isZoomedOrPanned()
                ) {
                    chart.resetZoom();
                }
            }
        };

return <Line options={lineOptions} data={lineData} plugins={[doubleClickPlugin]} />