发表新帖
发表新帖

HighCharts uncaught exception

后端 未结
关注
3 1179
盖世英雄少女心
盖世英雄少女心 2021-01-13 09:42

I am trying to run the same code in this jsFiddle locally but I got error from firebug 

uncaught exception: Highcharts error #13: www.highcharts.com/errors/1
相关标签:
3条回答
  • 栀梦
    2021-01-13 10:06

    This means that Highcharts is loaded and the config is loaded, but the renderTo option is wrong, or there is no div with that id in the page. See www.highcharts.com/errors/13.

    0 讨论(0)
  • 庸人自扰
    2021-01-13 10:10

    The element/div you are trying to render the chart to is missing

    A standard set of logs that I would use to troubleshoot highcharts error #13 are

            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);

    These should be added just before calling the Highcharts constructor

            chart = new Highcharts.Chart(chartingOptions);

    If all is well you should see the correct element ID, and length as 1.

    Troubleshooting highcharts error # 13 | Highchart & Highstock @ jsFiddle

    Here is the log that is seen for the demo above

    JSON: {"chart":{"renderTo":"container"...}}
    Render to element with ID : container
    Number of matching dom elements : 1

    0 讨论(0)
  • 悲&欢浪女
    2021-01-13 10:23

    I think I know why you should add that tag after the div /div. If you are using a JSP or any other server-side stuf. You should add your Highcharts script after the declaration of the div container so it can recognize your div's id and then proceed to render it. Just like I did in the example bellow:

        <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>
    0 讨论(0)
 看不清?
提交回复
热议问题