使用 CanvasJS 同步页面上的多个 (Canvas)

Synchronizing multiple (Canvas) on a page using CanvasJS

提问人:ssss 提问时间:10/23/2023 更新时间:10/23/2023 访问量:18

问:

我正在开发一个使用 CanvasJS 库显示多个折线图的 React 应用程序。我在同一页面上有两个或多个图表,我想实现同步以在这些图表之间缩放和平移。当用户缩放或平移一个图表时,其他图表应遵循相同的更改。

我为每个图表创建了单独的 React 组件,并在父组件中添加了一个函数。但是,它不起作用。

https://stackblitz.com/edit/canvasjs-react-sync-zooming-panning-multiple-char-ev689u?file=src%2FApp.js,src%2FChart.js

reactjs 图表 canvasjs

评论


答:

0赞 ssss 10/23/2023 #1

我能够通过推动 refs https://stackblitz.com/edit/canvasjs-react-sync-zooming-panning-multiple-char-ev689u?file=src%2FApp.js,src%2FChart.js 来修复它

我还注意到React.strictMode导致了一个问题