嵌套的 JSON 数组和 D3JS

Question

我正在尝试使用嵌套的 json 数组来绘制带有 d3.js 的多系列图表。 我在这个网站和其他地方看了很多地方，虽然有类似的主题，但我似乎无法使语法适用于我的特定问题（这是一个简单的问题）。

要制作折线图（如此处所示：http://bl.ocks.org/mbostock/3883245），我可以解析此 JSON 文件：

[{"date":"1-May-12","close":58.13},{"date":"30-Apr-12","close":53.98},{"date":"27-Apr-12","close":67}]

通过使用这个JavaScript语法：

d3.json("data/data2.json", function(error, data) {              
data.forEach(function(d) {                              
    d.date = parseDate(d.date);                         
    d.close = +d.close;                                 
});

但是，如果 JSON 是嵌套数组怎么办？ 例如：

{
"Stock01":[{"date":"1-May-12","close":58.13},{"date":"30-Apr-12","close":53.98},{"date":"27-Apr-12","close":67}]
"Stock02":[{"date":"1-May-12","close":28.13},{"date":"30-Apr-12","close":33.98},{"date":"27-Apr-12","close":47}]
}

我已经尝试了以下脚本之类的选项，但我没有任何运气：

d3.json("data/data2.json", function(error, data) {              
data.forEach(function(d) {                              
    d.date = parseDate(d[0].date);                          
    d.close = +d[0].close;                                  
});

如果有人对如何使用data.forEach函数导航嵌套的JSON数组有建议，我将不胜感激。 提前感谢任何帮助。

Answer 1

要遍历数据中的键，使用该键查找数据中的相应值，并对值进行操作。

你想要这样的东西：

d3.json("data/data2.json", function(error, data) {
    for (k in data) {
        var k_data = data[k];
        k_data.forEach(function(d) {                              
            d.date = parseDate(d[0].date);                          
            d.close = +d[0].close;                               
        });
    }
});

此外，看起来forEach采用一个具有两个参数的函数，key 和 value：

forEach: function(f) {
  for (var key in this) {
    if (key.charCodeAt(0) === d3_map_prefixCode) {
      f.call(this, key.substring(1), this[key]);
    }
  }
}

例如：

values: function() {
  var values = [];
  this.forEach(function(key, value) {
    values.push(value);
  });
  return values;
}

---

后来：AmeliaBR关于forEach是正确的：它不能用于对象/字典。

var a = {"stock1": [1, 2, 3, 4], "stock2": [2, 3, 5, 7], "stock3": [1,2, 4,8]};
a.forEach(function(value, key){ console.log(value, key);});
/* TypeError: Object #<Object> has no method 'forEach' */

但这有效：

a["stock1"].forEach(function(value, key){ console.log(value, key);});
1 0
2 1
3 2
4 3