php - Highstock 不显示图表

标签 php mysql json highcharts

我有生成 JSON 格式数据的 php 文件 get_json.php 和我想显示图表的文件 grafik.php

get_json.php 中的代码

<?php
include('config.php');   //connection to DB

$r=("SELECT * FROM data");
$result=mysql_query($r);

while($row = mysql_fetch_array($result)){

$date= strtotime($row['cas'])*1000;   //time in format 2013-03-21 16:23:11 
$values=hexdec($row['data']);         // hex values to decimal
$array[]=array($date, $values);
}

echo json_encode($array);

?>

JSON 输出 get_json.php [[1364463576000,46906],[1364463578000,50379],[1364463580000,33733],[1364463582000,5612],[1364463981000,14213],[1364464007000,11 208],[1364490137000,38047],[1364665254000,14964],[ 1364665256000,11443],[1364665257000,9005],[1364665259000,5283],[1364665260000,1731]]

grafik.php 中的代码

<html>
 <head>
  <script src="http://code.highcharts.com/stock/highstock.js"></script>
  <script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
 </head>
 <body>

   <script>
     $(function() {
  $.getJSON('http://localhost/testing10/get_json.php', function(data) {


    $('#container').highcharts('StockChart', {


        rangeSelector : {
            selected : 1
        },

        title : {
            text : 'AAPL Stock Price'
        },

        series : [{
            name : 'AAPL Stock Price',
            data : data,
            marker : {
                enabled : true,
                radius : 3
            },
            shadow : true,
            tooltip : {
                valueDecimals : 2
            }
        }]
    });
});
});

</script>
 <div id="container" style="height: 500px; min-width: 500px"></div>
</body>
</html>

我不知道我哪里做错了,如果有人看到错误请帮我解决这个问题。 我正在尝试制作图表,其中 X 轴是时间,Y 轴是适当的值。

最佳答案

我让你的数据正常工作:

$('#container').highcharts({
 rangeSelector: {
     selected: 1
 },

 title: {
     text: 'AAPL Stock Price'
 },
 series: [{
     name: 'AAPL Stock Price',
     data: [
         [1364463576000, 46906],
         [1364463578000, 50379],
         [1364463580000, 33733],
         [1364463582000, 5612],
         [1364463981000, 14213],
         [1364464007000, 11208],
         [1364490137000, 38047],
         [1364665254000, 14964],
         [1364665256000, 11443],
         [1364665257000, 9005],
         [1364665259000, 5283],
         [1364665260000, 1731]
     ],
     marker: {
         enabled: true,
         radius: 3
     },
     shadow: true,
     tooltip: {
         valueDecimals: 2
     }
 }]
});

http://jsfiddle.net/3A3bK/

我不得不改变第一行:

$('#container').highcharts('StockChart', {

$('#container').highcharts({

关于php - Highstock 不显示图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15750394/

相关文章:

php - 从 mysql 查询转换为 mssql 查询

mysql - 如何在我的sql中检索特定ID的最后插入的nrecord

javascript - 使用 JSON.parse reviver 混淆字段

php - 如何在 Visual Studio Online/Codespaces 上安装 PHP

php - 在 Laravel 中是否使用了 groupby 的 sum of sum

php - 选择过去 n 小时内浏览次数最多的帖子的最佳方法

ios - 如何使用 SwiftyJSON 解析字符串数组?

java - JSONException 字符串无法转换为 JSONArray

javascript - 带 LIMIT 的 MySQL 查询并按 block 更新数据

javascript - 如何使用JavaScript获取json数据中数组的名称