我使用 react-chartjs-2 和一個名為 chartjs-plugin-zoom 的插件制作了一個折線圖。我想在縮放圖表時在控制臺中顯示縮放級別。但是，在縮放時似乎沒有觸發或呼叫 onZoom，因為我在控制臺面板中看不到任何更新。想問一下我的 onZoom 語法是否錯誤，我該如何解決？
在線示例
https://codesandbox.io/s/ecstatic-bas-j485o?file=/src/App.js:3548-3560
uj5u.com熱心網友回復：
這是因為您將onZoom回呼放在選項物件中的錯誤位置。您將它放在縮放插件配置的根目錄中，而它必須在縮放部分進行配置，因此在此命名空間中：options.plugins.zoom.zoom.onZoom
https://codesandbox.io/s/happy-forest-9mtii?file=/src/App.js
uj5u.com熱心網友回復：
您將 onZoom 放置在錯誤的嵌套物件中。如果您將 onZoom 函式放在 plugins-zoom-zoom 物件中，它將起作用。
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!!!`);
}
},
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/351796.html