Question

我正在尝试使用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]}

HIGHTCHARTS

            <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文件在同一目录中。我在这里缺少什么想法？

Answer 1

您的JSON应该具有数据名称而不是datetime。我只看到日期，而不是y值。

＆＃34; DATETIME＆＃34;：

应该是

＆＃34;数据＆＃34;：

你如何使用highcharts javascript库创建图表

1 个答案: