PROSAGA码农传奇-智慧物流-无法从firebase数据库中绘制谷歌图表

<div class =“excerpt”>
  
                 = {
            apiKey：“AIzaSyBGiHpuzcgw_Ettlko_oU66U-gbW_SbEUA”，
            authDomain：“
  <span class =“result-highlight”>
    互联网
  </跨度>
   - 
  <span class =“result-highlight”>
    的
  </跨度>
   - 
  <span class =“result-highlight”>
    事
  </跨度>
  -62d39.firebaseapp.com”
            databaseURL：“https：//
  <span class =“result-highlight”>
    互联网
  </跨度>
   - 
  <span class =“result-highlight”>
    的
  </跨度>
   - 
  <span class =“result-highlight”>
    事
  </跨度>
  -62d39 ... .firebaseio.com“，
            projectId：“
  <span class =“result-highlight”>
    互联网
  </跨度>
   - 
  <span class =“result-highlight”>
    的
  </跨度>
   - 
  <span class =“result-highlight”>
    事
  </跨度>
  -62d39"
            storageBucket：“
  <span class =“result-highlight”>
    互联网
  </跨度>
   - 
  <span class =“result-highlight”>
    的
  </跨度>
   - 
  <span class =“result-highlight”>
    事
  </跨度>
  -62d39.appspot.com”
            messagingSenderId：“143567304866 ......
            
</DIV>

<div class =“post-text”itemprop =“text”>
  <P>
    添加（粗体）：'
    的<strong>
      HTTPS：
    </强>
    //ajax.googleapis.com/ajax/libs/jquery/
    的<strong>
      3.1.1
    </强>
    /jquery.min.js'
  </p>
  <P>
    做了一些小改动。干杯。通过更改加载的jquery版本删除了一些错误。
  </p>
   <pre>
    <code>
            <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
      <script src="https://www.gstatic.com/firebasejs/3.7.4/firebase.js"></script>
      <script src=" http://www.google.com/uds/modules/gviz/gviz-api.js"></script>
      <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

var database = firebase.database();

firebase.database().ref('/Oslo/temperature').once('value').then(function(snapshot) {
              temps = snapshot.val();
              console.log(temps);

google.charts.load('current', {
                  'packages': ['corechart', 'line']
              });
              google.charts.setOnLoadCallback(drawChart(temps));
          });

function parse(temp) {
              return (new Date(temp.replace(/-/g, '/'))).getTime()
          }

function drawChart(temps) {
              var array = $.map(temps, function(value, index) {
                  return [value];
              });

var data = new google.visualization.DataTable();
              data.addColumn('number', 'date');
              data.addColumn('number', 'time');
              data.addColumn('number', 'value');

var sort = function(a, b) {
                  return parse(a.time) - parse(b.time)
              };
              var tempData = array.sort(sort);
              var output = [];

for (var i = 0; i < tempData.length; i++) {
                  var item = tempData[i];
                  output.push([
                      //  parseFloat(parse(item.time)),
                      parseFloat(item.time),
                      parseFloat(item.date),
                      parseFloat(item.value)
                  ]);
              }
              console.log(output);
              data.addRows(output);

var options = {
                  chart: {
                      title: 'title',
                      subtitle: 'subtitle'
                  },
                  width: 900,
                  height: 500
              };

var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
              console.log("data + options: " + data, options)
              chart.draw(data, options);
          }

google.charts.load('current', {
              'packages': ['corechart', 'line']
          });
          google.charts.setOnLoadCallback(drawChart);
      </script>

</code>
  </pre>
</DIV>