Angular d3-使用嵌套/组创建查找

Angular d3-使用嵌套/组创建查找,angular,typescript,d3.js,Angular,Typescript,D3.js,使用d3.js库,我想创建如下查找: var lookup = d3.nest() .key((d: any) => d.day) .rollup((leaves: any) => { return d3.sum(leaves, (d: any) => { return parseInt(d.count); }) as any; }) .object(dateData); 所以我以后可以使用它: rect.filter(function (d) { r

使用d3.js库,我想创建如下查找:

var lookup = d3.nest()
  .key((d: any) => d.day)
  .rollup((leaves: any) => {
    return d3.sum(leaves, (d: any) => { return parseInt(d.count); }) as any;
  })
  .object(dateData);
所以我以后可以使用它:

rect.filter(function (d) { return d in lookup; })
  .style("fill", function (d) { return d3.interpolatePuBu(scale(lookup[d])); })
  .select("title")
  .text((d) => this.titleFormat(new Date(d)) + ":  " + lookup[d]);
不幸的是,这带来了:

"export 'nest' (imported as 'd3') was not found in 'd3'
经过多次搜索,我发现在d3的v4中,我使用的nest被group替换了。现在,我在文档中找不到任何内容,我试图通过以下方式实现类似的效果:

var lookup = d3.group(data, (d: any) => d.day)
  .rollup((leaves: any) => {
    return d3.sum(leaves, (d: any) => { return parseInt(d.count); }) as any;
  })
  .object(dateData);

但这似乎还没有编译。我将如何实现我要做的事情?

因此,您的问题是如何获得与下面类似的结果,但在d3 v4中

var-dateData=[
{日期:1,计数:2},
{日期:1,计数:3},
{日期:1,计数:4},
{日期:2,计数:2},
{日期:4,计数:1},
{日期:5,计数:0},
];
var lookup=d3.nest()
.key((d)=>d.day)
.rollup((leaves)=>d3.sum(leaves,(d)=>parseInt(d.count)))
.条目(日期数据);
console.log(查找)

你能分享一个你的数据看起来像什么样的示例吗?谢谢,这非常有效。我不知道这些函数与标准ES6 reduce相对应。在这个例子之外,我一直在使用这个函数。