Graph 如何从Firebase绘制数据图_Graph_Firebase_Firebase Realtime Database

Graph 如何从Firebase绘制数据图

graph firebase

Graph 如何从Firebase绘制数据图,graph,firebase,firebase-realtime-database,Graph,Firebase,Firebase Realtime Database,这里没有人。我每5分钟将辐射值输入Firebase数据库，我正在寻找一种简单的方法来创建一个实线图，该图还显示了过去24小时的所有数据。我设法创建了一个实时更新的图表，但它不显示过去的数据。我不知道如何做到这一点。我真的希望有人能帮助我以下是我的java脚本controller.js： $(document).ready(function() { var gammaArray = []; var tArray = []; var sessionArray =

这里没有人。我每5分钟将辐射值输入Firebase数据库，我正在寻找一种简单的方法来创建一个实线图，该图还显示了过去24小时的所有数据。我设法创建了一个实时更新的图表，但它不显示过去的数据。我不知道如何做到这一点。我真的希望有人能帮助我

以下是我的java脚本controller.js：

    $(document).ready(function() {
    var gammaArray = [];
    var tArray = [];
    var sessionArray = [];
    var currGamma = '';

    var dataRef = new Firebase('https://xxx.firebaseio.com/readings');
    dataRef.on('value', function(snapshot) {
        var t = snapshot.val();
        var count = 0;

        for (var key in t) {
          if (t.hasOwnProperty(key)) {          
            var dt = [];        
            dt[0] = count;
            dt[1] = parseFloat(t[key]);
            gammaArray = [];
            gammaArray.push(dt);
            tArray = [];
            tArray.push(dt[1]);
            count++;
          }
        }
        sessionArray.push(gammaArray[0])
        //console.log(gammaArray)
        $.plot($("#chart1"), [ sessionArray ]);
        currGamma = gammaArray[0][1].toString();
        $('#gammaMsg').show();
        $("#currGamma").text(currGamma);
    });         
});

这是我的html：

<html>
<head>
    <script type='text/javascript' src='https://cdn.firebase.com/js/client/1.0.6/firebase.js'></script>     
    <script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
    <script src="controller.js"></script>
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
</head>
<body>
    <div style="width:800px; margin:0 auto;">
        <div><h1 id='gammaMsg' style='display:none;width:550px; margin:0 auto;margin-top: 50px;'>Current radiation: <span id="currGamma"></span> mSv</h1></div>
        <div id="chart1" style="width:600px;height:300px;"></div> 
    </div>
</body>


当前辐射：毫希沃特