Hice un gráfico de líneas usando react-chartjs-2 con un complemento llamado chartjs-plugin-zoom. Quiero mostrar el nivel de zoom en la consola al hacer zoom en el gráfico. Sin embargo, parece que onZoom no se activa ni se llama al hacer zoom, ya que no puedo ver ninguna actualización en el panel de la consola. Me gustaría preguntar si mi sintaxis para onZoom es incorrecta y cómo puedo solucionarlo.
ejemplo en línea
https://codesandbox.io/s/musing-frost-m6fuz?file=/src/App.js
Esto se debe a que colocó la devolución de llamada onZoom en el lugar equivocado en el objeto de opciones. Lo colocó en la raíz de la configuración del complemento de zoom, mientras que debe configurarse en la parte de zoom, por lo que en este espacio de nombres: options.plugins.zoom.zoom.onZoom
https://codesandbox.io/s/happy-forest-9mtii?file=/src/App.js
Ha colocado el onZoom en el objeto anidado incorrecto. Si coloca la función onZoom dentro del objeto plugins-zoom-zoom, funcionará.
https://codesandbox.io/s/lively-river-zry93?file=/src/App.js:3038-3538
plugins: { zoom: { zoom: { wheel: { enabled: true }, mode: "x", onZoom: function ({ chart }) { console.log(`I'm zooming!!!`); }, // Function called once zooming is completed onZoomComplete: function ({ chart }) { console.log(`I was zoomed!!!`); } }, }