amcharts - 如何修复错误无法使用 amcharts4 的 exportmenu.draw 读取 null 的属性推送？

Question

在一页中，我们正在加载 amcharts4 map 图表、折线图和饼图以及大量数据。
当页面 map 图表的加载未正确加载并且在浏览器控制台中时，它会抛出一堆控制台错误。

这里的错误

zone.js:199 Uncaught TypeError: Cannot read property 'push' of null
    at ExportMenu.push../node_modules/@amcharts/amcharts4/.internal/core/export/ExportMenu.js.ExportMenu.draw (ExportMenu.js:209)
    at ExportMenu.push../node_modules/@amcharts/amcharts4/.internal/core/export/ExportMenu.js.ExportMenu.validate (ExportMenu.js:171)
    at Object.dispatch (EventDispatcher.js:381)
    at EventDispatcher.js:266
    at Module.each (Array.js:74)
    at EventDispatcher.push../node_modules/@amcharts/amcharts4/.internal/core/utils/EventDispatcher.js.EventDispatcher._eachListener (EventDispatcher.js:239)
    at EventDispatcher.push../node_modules/@amcharts/amcharts4/.internal/core/utils/EventDispatcher.js.EventDispatcher.dispatchImmediately (EventDispatcher.js:264)
    at Registry.push../node_modules/@amcharts/amcharts4/.internal/core/Registry.js.Registry.dispatchImmediately (Registry.js:209)
    at System.push../node_modules/@amcharts/amcharts4/.internal/core/System.js.System.update (System.js:299)
    at System.js:343

当我们尝试在图表组件中注释掉以下几行时，它不会抛出错误，而是失去了导出功能

if (chartConfig.export && chartConfig.export.enabled) {
      newChart.exporting.menu = new am4core.ExportMenu();
      newChart.exporting.menu.verticalAlign = chartConfig.export.valign as am4core.VerticalCenter;
      newChart.exporting.menu.align = chartConfig.export.halign as am4core.Align;
}

那么是什么导致了这些错误，我该如何修复这些错误并保持导出功能？

Answer 1

我在 amCharts 4 版本 4.7.5 之前遇到了同样的错误，在我更新到版本 4.7.12 之后，我写了这个答案问题解决了。

我的建议是，截至 2019 年 12 月 5 日，您使用最新版本的 amCharts(即 4.7.12)升级您的 package.json 文件，这将解决您的问题。