Angular 上的 resizeSensor Amcharts

resizeSensor Amcharts on Angular

我使用 Amcharts 有一段时间了,我对它很满意,但我发现我的应用程序有一个错误。

如果我将图形屏幕留给另一个组件,它会创建一个 space 的 7 个隐藏 div。这些 div 来自 Amcharts。

官方文档说发生这种情况是因为图表使用了调整大小传感器,当图表容器在 DOM 树中移动时,它的脚被撞倒。

解决方案是执行:chart.svgContainer.resizeSensor.reset();

但是 resizeSensor.reset() 在我的代码中被弃用了,我不知道为什么!

https://imgur.com/gallery/17ry8kg

这是关于这个问题的官方文档:

https://www.amcharts.com/docs/v4/getting-started/integrations/using-angular2/#Fixing_broken_resizing_on_route

找到解决方案,我只需要取消订阅“am4core.disposeAllCharts();”在 ngOnDestroy 上。

成功了