立体主义，d3数据加入

Question

我是一名d3初学者，我很遗憾承认我在构造两个数组的交叉乘积时遇到了问题。我实际上正在与立体派合作，做一些非常简单的事情：为每种类型制作一些聚合物。

我尝试：

var aggs = [ 
    {title: 'mean', metric: function(d) { return cube.metric("sum(" + d + (value))").divide(cube.metric("sum(" + d + ")")); }}, 
    {title: 'count', metric: function(d) { return cube.metric("sum(" + d + ")").divide(step/1e3); }} 
] 

d3.json(origin + "/1.0/types", function(types) {  
    d3.select("body").insert("div", ".bottom") 
    .attr("class", "group") 
    .selectAll(".typegrp") 
    .data(types) 
    .enter() 
    .append("div") 
    .attr("class", "typegrp") 
    .selectAll("div") 
    .data(aggs) 
    .enter() 
    .append("div") 
    .attr("class","horizon") 
    .call(context.horizon() 
     .title(function(d) { return d.title; }) 
     .metric(function(d) { return d.metric(FOOOO); }) 
    ); 
}); 

我不明白的部分是 “FOOOO” 的一部分。从'内部'上下文（'aggs'中的行），我如何访问'外部'上下文（'类型'中的行）？

在此先感谢。

编辑：这里是一个完整的工作示例，如下面的尼克建议的。

var aggs = [ 
      {title: 'mean', metric: function(d) { return cube.metric("sum(" + d + "(value))").divide(cube.metric("sum(" + d + ")")); }}, 
      {title: 'sum', metric: function(d) { return cube.metric("sum(" + d + "(value))"); }}, 
      {title: 'count', metric: function(d) { return cube.metric("sum(" + d + ")"); }}, 
      {title: 'max', metric: function(d) { return cube.metric("max(" + d + "(value))"); }}, 
      {title: 'min', metric: function(d) { return cube.metric("min(" + d + "(value))"); }} 
     ] 

d3.json(origin + "/1.0/types", function(types) {  
    d3.select("body") 
    .insert("div", ".bottom") 
    .attr("class", "group") 
    .selectAll(".typegrp") 
    .data(types) 
    .enter() 
    .append("div") 
    .attr("class", "typegrp") 
    .each(function(type) { 
     d3.select(this) 
     .selectAll("div.horizon") 
     .data(aggs) 
     .enter().append("div") 
     .attr("class","horizon") 
     .each(function(agg) { 
      d3.select(this) 
      .call(context.horizon() 
       .title(agg.title + " " + type) 
       .metric(agg.metric(type)) 
      ); 
     }); 
    }); 
}); 

Answer 1

我没有使用过立体主义，但我认为有两个选项：

1. 容易的选择，如果你真的只有两个汇总指标 - 不要做一个数据连接，只需分别添加它们。

   var typeGroups = d3.select("body").insert("div", ".bottom") 
       .attr("class", "group") 
       .selectAll(".typegrp") 
       .data(types); 
   
   typeGroups.enter() 
       .append("div") 
       .attr("class", "typegrp"); 
   
   typeGroups 
       .append("div") 
       .attr("class","horizon") 
       .call(context.horizon() 
        .title('mean') 
        .metric(function(d) { return cube.metric(...); }) 
       ); 
   
   typeGroups. 
       .append("div") 
       .attr("class","horizon") 
       .call(context.horizon() 
        .title('count') 
        .metric(function(d) { return cube.metric(...); }) 
       ); 
   

2. 稍硬的选择 - 加入内.each呼叫AGGS阵列：

   typeGroups.enter() 
       .append("div") 
       .attr("class", "typegrp") 
       .each(function(type) { 
        d3.select(this).selectAll("div.horizon") 
         .data(aggs) 
         .enter().append("div") 
         .attr("class","horizon") 
         .each(function(agg) { 
          d3.select(this) 
           .call(context.horizon() 
            .title(agg.title) 
            .metric(agg.metric(type)) 
           ); 
         }); 
       }); 
   

   这给了你在你打电话context.horizon()的时间访问到type变量。