HighCharts未捕获的异常(HighCharts uncaught exception)

我试图运行此相同的代码的jsfiddle本地，但我从萤火虫遇到错误

uncaught exception: Highcharts error #13: www.highcharts.com/errors/13

包含脚本fiels：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>
<script type="text/javascript" src="test.js"></script>  // my js file

同样的事情发生了这个的jsfiddle为好。

任何人都知道为什么会这样？

编辑：我已经找到了问题的原因。其实我已经把<script type="text/javascript" src="test.js"></script>标记后，我的<div id="container"></div>标签，否则未捕获的异常会显示即使我把<script>标记中<head> 我从来不把脚本文件中<body>标签之前，这是我第一次遇到了这个问题。有人可以解释我为什么会这样？

谢谢

Answer 1:

这意味着，Highcharts装载和配置被加载，但renderTo选项是错误的，或者有与该页面ID不派息。见www.highcharts.com/errors/13 。

Answer 2:

元素/ DIV你想呈现的图表丢失

一组标准的日志，我会用它来解决highcharts错误＃13

        console.log("JSON: " + JSON.stringify(chartingOptions));
        console.log("Render to element with ID : " + chartingOptions.chart.renderTo);
        console.log("Number of matching dom elements : " + $("#" + chartingOptions.chart.renderTo).length);

这些应该只是调用Highcharts构造前加入

        chart = new Highcharts.Chart(chartingOptions);

如果一切顺利，你应该可以看到正确的元素ID和长度1。

故障排除highcharts错误＃13 | Highchart＆Highstock @的jsfiddle

这里是看到了演示上面的日志

JSON：{ “图表”：{ “renderTo”： “容器” ...}}
渲染到与ID元件：容器
匹配DOM元素的数量：1

Answer 3:

我想我知道你为什么要在DIV / DIV后添加标签。如果您使用的是JSP或任何其他服务器端塞入。你应该在div容器的声明之后添加Highcharts脚本，以便它可以识别你的DIV的id，然后进行渲染。就像我的例子一样波纹管：

    <head>
    <title>HighCharts :D</title>
    <script src="http://code.highcharts.com/highcharts.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
</head>
<body>
<div id="container" style="width: 600px; height: 400px; margin: 0 auto">
</div>
<script type="text/javascript">
    var myChart = Highcharts.chart('container', {
        chart: {
            type: 'bar'
        },
        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]
        }]
    });


</script>
</body>

文章来源: HighCharts uncaught exception