多个 Amchart 在 Firefox 中不起作用

Question

我尝试在一页上加载多个 amcharts 图表。这些图表与 Chrome 和 Edge 完美配合。Firefox 仅显示第一个图形，而不显示其他图形。希望有人能告诉我如何解决这个问题。

在这个例子中，我制作了三个 amcharts 图，其中我为每个图的变量指定了一个数字。不确定这是否有必要。如果我在 Chrome 或 Edge 中打开此示例，则所有三个图形都可以使用，但在 Firefox 中则无法使用。希望借助此示例，您可以找出问题所在。

HTML

<script src="https://www.amcharts.com/lib/4/core.js"></script>

<script src="https://www.amcharts.com/lib/4/charts.js"></script>

<script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>

<div id="chartdiv1"></div>

<div id="chartdiv2"></div>

<div id="chartdiv3"></div>

CSS

body {

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

}

#chartdiv1 {

  width: 100%;

  height: 500px;

}

#chartdiv2 {

  width: 100%;

  height: 500px;

}

#chartdiv3 {

  width: 100%;

  height: 500px;

}

在此先感谢您的帮助！

Answer 1

问题解决了！感谢 AmCharts 的开发者。