0

ハイチャートを使用してチャートを作成しようとしています。私は以下のコードを持っています:

私の data.json ファイルは次のようになります。

{"DATETIME":[1369540800,1369541700,1369542600,1369543500,1369544400,1369545300,1369546200,1369547100,1369548000,1369548900],"CPU":[14.84,13.6333333333333,14.7666666666667,13.5333333333333,17.8666666666667,15.9333333333333,14.2333333333333,13.3,10.8333333333333,9.76666666666667]}

ハイチャート

            <style>

                    body
                    {
                            font: 10px arial;
                    }

            </style>

         <script src="jquery.min.js"></script>
         <script src="js/highcharts.js"></script>

            <script type="text/javascript">
             $(function () {
                $.getJSON('data.json', function(data) {

                        $('#container').highcharts({
                            chart: {
                                type: 'line'
                            },
                            title: {
                                text: 'CPU UTILIZATION'
                            },
                            xAxis: {
                                categories: ['Date']
                            },
                            yAxis: {
                                title: {
                                    text: '% CPU Utilization'
                                }
                            },
                            series: [{

                            data: data,
                            }]

                        });
                    });
                });


            </script>


    </head>

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


値が表示されません。dada.json ファイルは index.html ファイルと同じディレクトリにあります。私がここで見逃しているアイデアはありますか?

4

1 に答える 1

0

JSON には、日時ではなくデータ名が必要です。さらに、y 値ではなく、日付のみが表示されます。

"日付時刻"：

する必要があります

"データ"：

于 2013-06-07T09:50:54.107 に答える