AmCharts 内联代码未捕获的引用错误

Question

在我的 HTML

中，我编写这样的 Amcharts 内联脚本：

<script type='text/javascript'>
    var am_chartData = ...

    AmCharts.ready(function () {
        chart = new AmCharts.AmSerialChart();
        chart.dataProvider = am_chartData;
        ...
        ...
        chart.write('amcharts');
    });
</script>

在页面末尾我包含js文件

<script type="text/javascript" src="/js/amcharts.js"></script>

但在浏览器控制台中我收到此错误：

Uncaught ReferenceError: AmCharts is not defined

此错误指向AmCharts.ready(function () { 的行。似乎浏览器在到达 amcharts.ready 行时找不到 AmCharts。当我在页面的

标记中包含 amcharts.js 文件时，一切正常。但我想将它包含在页面底部。

我必须将所有内联脚本移动到 HTML 文件的末尾，还是有更好的解决方案不会改变我的内联脚本位置？

Answer 1

只有两个想法。 尝试在调用之前包含库。 还要检查路径是否正确并已加载。