javascript - 从 firebase 读取 Json 到 Google graph

Question

我有一个来自 firebase 的 json 文件，其中提供了 2 个主要标题 AB 和 AC <- 这些是每 10 分钟发送一次温度的温度传感器。

现在我想在 highcharts 中显示这些值，但我在级联 json 时遇到问题。

我知道有很多类似的问题，我已经阅读了所有这些问题。

{
  AB: {
    BattLevel: {},
    temperature: {
      -K9XTKDOM-SlhChO8mla: {
        date: "02/02/2016",
        time: "15:53:23",
        value: "009.4"
      }
    },
AC: {
    BattLevel: {},
    temperature: {
      -K9XR29RmWhy0bt353uf: {
        date: "02/02/2016",
       time: "15:43:26",
        value: "008.2"
    },

这是填充谷歌图表的一段代码。

                var data = new google.visualization.DataTable();

            data.addColumn('datetime', 'Tijd');
            data.addColumn('number', 'kotje');
            data.addColumn('number', 'buiten');

            $.each(results, function (i, row) {
                data.addRow([
                    (new Date(row.date)),
                    parseFloat(row.value),   <--- here i should get to AB
                    parseFloat(row.value)    <--- here i should get to AC
                ]);
            });

Answer 1

您需要浏览 JSON。

Object.keys(results).forEach(function(key) {
  var row = results[key];
  var temperatures = row.temperature;
  Object.keys(temperatures).forEach(function(tempKey) {
    var temperature = temperatures[tempKey];
    console.log(temperature.date + ' ' + temperature.value);
  });
});

可能有更简单的方法，但这个方法仅适用于纯 JavaScript 结构。

var results = {
  AB: {
    BattLevel: {},
    temperature: {
      "-K9XTKDOM-SlhChO8mla": {
        date: "02/02/2016",
        time: "15:53:23",
        value: "009.4"
      }
    }
  },
  AC: {
    BattLevel: {},
    temperature: {
      "-K9XR29RmWhy0bt353uf": {
        date: "02/02/2016",
        time: "15:43:26",
        value: "008.2"
      }
    }
  }
};

var output = document.getElementById('output');
  
Object.keys(results).forEach(function(key) {
  var row = results[key];
  var temperatures = row.temperature;
  Object.keys(temperatures).forEach(function(tempKey) {
    var temperature = temperatures[tempKey];
    output.textContent += temperature.date + ' ' + temperature.value + '\n';
  });
});

<pre id='output'></pre>