0

私のjson.dataファイルは私のindex.htmlファイルと同じディレクトリにあります。data.json ファイルは次のようになります。

  {
 data:
    [
          [1369540800000,20]
    ]
}

私がする時:

alert(JSON.stringify(jsonData, null, 4));

これを返すので、値を取得します。何が悪いのかまだわかりません。

{
   "data":[
    [
      1369540800000,
          10
        ],
        [
          1369541700000,
          20
    ]
      ]
}

チャートを作成するための Java スクリプトを含む私の html ファイルは次のとおりです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
        <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title>HIGHTCHARTS</title>

                <style>

                        body
                        {
                                font: 10px arial;
                        }

                </style>

             <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
             <script src="http://code.highcharts.com/highcharts.js"></script>

                <script type="text/javascript">

                $(function () {
                            var chart;
                            $.getJSON('data.json', function(jsonData) {
                                chartOptions.series = jsonData;
                                chart = new Highcharts.Chart(chartOptions);
                            });

                            var chartOptions = {
                                chart: {
                                    renderTo: 'container'
                                },
                                xAxis: {
                                    type: 'datetime'
                                },

                                series: []
                            };
                        });
                </script>


        </head>

        <body>
               <div id="container" style="width:100%; height:400px;"></div>
        </body>

</html>

グラフのタイトルは表示されますが、グラフやデータ ポイントが表示されません。ここで何が欠けていますか?

4

2 に答える 2

2

データの形式が正しくありません。ハイチャートのデータをフォーマットする方法をよく理解してください。

これらは役立つかもしれません:

特に:

1) 日付は JavaScript のタイム スタンプ (ミリ秒単位のエポック タイム) または date.Utc 宣言のいずれかでなければなりません。

2) 構造は次のようにする必要があります。

[[date, value],[date,value],[date,value]]
于 2013-06-07T14:01:29.103 に答える