Question

我有这个代码，示例运行完美，但如果我打开Chrome控制台，它总是引发高亮度错误＃16，有人知道为什么吗？

<script src="http://code.highcharts.com/highcharts.js"></script>


<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

<script type="text/javascript">

$(function() {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            "exporting":{"enabled":true},
            "title":{"text":"Fruit Consumption"},

            "xAxis":{"categories":["Apples","Bananas","Oranges"]},
            "yAxis":{"title":{"text":"Fruit eaten"}},
            "series":[{"name":"Jane","data":[1,0,4]},{"name":"John","data":[5,7,3]}],
            chart:{renderTo:'container'}
        });
    });

});

</script>

Answer 1

您似乎在HTML正文中加载了Highcharts.js。如果您查看安装文档，则说明要在<head></head>标记中加载脚本。我遇到了和你一样的问题，所以我在上面评论中引用的一个断点处抛出了一个：

windows.Highcharts = windows.Highcharts ? error(16, true) : {};

我发现断点会破两次。第一次触发时，在浏览器解析期间，Highcharts.js将建立Highcharts命名空间。下一次，它会引发错误＃16。这只会在我在Html页面末尾加载脚本时发生，这是为了提高我们网站上JavaScript加载的性能。把它放回头部消除了这个问题。我不确定是否还有一个解决方法。还在调查。

HighCharts总是抛出错误＃16

1 个答案: