1

まず、私は jQuery と Json について十分な知識を持っていないことを告白しなければなりません。基本的に、私の json エンコードは ["2013-06-18 09:42:30",6.21],["2013-06-18 09:44:30",6.57],["2013-06-18 10: 01:49",6.61],......これらは、更新を続ける特定の日時におけるバッテリー電圧の結果です。何百ものレコードがあります。グラフのプロット中にこのタイムスタンプが無効であることはわかっているので、昨日、jSfiddle で jQuery を微調整して結果を取得し、グラフに変換しようとしていました。Jsfiddle で作業しているときに、コードは問題ないと言われましたが、空白のコンテナー領域が表示されます。

グラフをプロットできるように、日時スタンプを UTC に変換する方法を教えてください。

私が微調整していたjQueryは次のようになります。

    var chart;

    chart = new Highcharts.Chart({
chart: {
        renderTo: 'container',
        defaultSeriesType: 'spline',
        events: {
            load: requestData
        }},
xAxis: {
     type: 'datetime',
     dateTimeLabelFormats: {
     month: '%e. %b',
     year: '%b'
     }
  },
  yAxis: {
     title: {
        text: 'Battery Voltage'
     },
     plotLines: [{
        value: 0,
        width: 1,
        color: '#808080'
     }]
  },
  tooltip: {
      formatter: function() {
        return '<b>'+ this.series.name +'</b><br/>'+
          Highcharts.dateFormat('%a %d %b %H:%M:%S', this.x) +' : '+ this.y +" V";
      }
  },

series: [{
     name: 'Battery Volatge',
     data: []
    }]
});



function requestData() {
$.ajax({
    url: 'data.php',
    datatype: "json",
    success: function(data) {

        alert(data);

        chart.series[0].setData(data);

    },
    cache: false
});
}

私のPHPは次のよ​​うになります。

<?php
  header("Content-type: text/json");

     $dbc = mysql_connect('xxxxx','xxxxx','xxxxx') or die(mysql_error());
   mysql_select_db('xxxxx',$dbc) or die(mysql_error());

       $result = mysql_query("SELECT COUNT(*) AS count FROM Station_State");
       $row = mysql_fetch_array($result,MYSQL_ASSOC);

      $SQL = "SELECT ss_Stamp,ss_BatteryStatus FROM Station_State WHERE Station_State_Index > 371298 AND ss_Station_idx = 34 ORDER BY ss_Stamp";

      $result = mysql_query( $SQL ) or die("Couldn?t execute query.".mysql_error());

      $i=0;
      while($row = mysql_fetch_array($result,MYSQL_ASSOC)) {

     $row[ss_BatteryStatus] = (float) $row[ss_BatteryStatus];

$rows[$i]=array($row[ss_Stamp],$row[ss_BatteryStatus]);

$i++;
  }

     echo json_encode($rows);


 ?>

初歩的な質問かもしれませんが、まだまだ勉強中なのでアドバイスを頂ければ幸いです。さらに情報が必要な場合や、私が言及したものが曖昧に聞こえる場合はお知らせください。

ありがとう

4

2 に答える 2

2

データを簡単に前処理できます。データを設定する前に、すべてのポイントをループし、その文字列をタイムスタンプに変換します。次に例を示します。

for (var i = 0; i < data.length; i++ ){ 
    data[i][0] = new Date(data[i][0]).getTime();
}
于 2013-07-12T10:48:23.273 に答える