【问题标题】:Highstock doesn't show chartHighstock 不显示图表
【发布时间】:2013-03-22 22:30:17
【问题描述】:

我有生成 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 的输出 [1364463981000,5612] [136408] [136408] [ 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 轴上的正确值的图表。

【问题讨论】:

  • 您是否在浏览器控制台中收到任何错误消息?
  • 调用highstock.js上面的jquery库
  • 出现此错误..但我不知道如何改进它LINK
  • @TamilSelvan 谢谢!图表现在可见:)

标签: php mysql json highstock


【解决方案1】:

我让你的数据正常工作:

$('#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({

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-01
    • 2014-01-28
    • 1970-01-01
    • 1970-01-01
    • 2013-06-07
    相关资源
    最近更新 更多