highcharts实时更新和YII框架

时间:2012-12-30 11:41:39

标签: javascript highcharts

我必须使用highcharts和显示一些传感器数据 我正在使用YII作为php框架。 我将时间存储在mysql(v5.6)中作为时间戳(3)我需要毫秒分数 我想使用它,因为我的数据几乎都在一秒或2

我的控制器给我输出       ["2012-12-01 15:00:00.070",45] 但是这一点没有在我的图表中显示,并且ajax请求只进行了一次 我在“var series = chart.series [0]”的级别上遇到了firebug的错误。 我不知道问题是在我的高清代码中还是在时间格式中 我不知道如何在收到点之后在我的代码中使用Dateparse  请帮忙!

function requestData() {
 $.ajax ({
            type:"get" ,
        url: "<?php echo CController::createUrl('beam/GetSensorsDataLive') ?>",
        data: {"beamId" : "<?php echo $modelBeam['poutre_id'] ?>" },
         dataType: "json",

          success: function(response,point) {
          var series = chart.series[0], //// error here 

    shift = series.data.length > 20;// shift if the series is longer than 20
          chart.series[0].addPoint( point,true, false); // add the point
          setTimeout(requestData, 1000);    // call it again after one second

                                   },
                                 cache: false
    });
           }  

 $(document).ready(function() {
     var chart;

        chart = new Highcharts.Chart({
        chart: {
            renderTo: 'graph',
            type: 'spline',
            events: {
                load: requestData   
            }
        },

        xAxis: {
          type: 'datetime',
          },
              tooltip: {

                  formatter: function() {

                    return '<b>'+ this.series.name +'</b><br/>'+

                    Highcharts.dateFormat('%H:%M:%S:%m', this.x) +'<br/>'+

                    Highcharts.numberFormat(this.y, 2);

            }

        },  


                    series: [{
            name: 'Live Data From sensor <?php echo $modelBeam['poutre_id'] ;?>  ',
             data:[] 
        }]

    });

});

1 个答案:

答案 0 :(得分:0)

您的数据x应该是JS时间戳(以毫秒为单位),您也可以从php解析数据并使用Date.UTC()函数。