0

我正在尝试使用 highcharts 来构建图表。我有以下代码：

我的 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 回答