6

このjsFiddleで同じコードをローカルで実行しようとしていますが、firebugからエラーが発生しました

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

含まれているスクリプトフィールド：

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

ありがとう

4

3 に答える 3

18

これは、Highchartsがロードされ、構成がロードされているが、renderToオプションが間違っているか、ページにそのIDのdivがないことを意味します。www.highcharts.com/errors/13を参照してください。

于 2012-07-14T19:32:21.500 に答える
2

チャートをレンダリングしようとしている要素/divがありません

ハイチャートエラー＃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として表示されます。

ハイチャートエラーのトラブルシューティング＃13 | Highchart＆Highstock @ jsFiddle

上記のデモで見られるログは次のとおりです

JSON：{"chart"：{"renderTo"： "container" ...}}
IDを持つ要素にレンダリング：container
一致するdom要素の数：1

于 2012-10-29T10:26:22.893 に答える
2

div/divの後にそのタグを追加する必要がある理由はわかっていると思います。JSPまたはその他のサーバー側のstufを使用している場合。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>
于 2017-03-03T12:58:43.130 に答える