Angular d3-使用嵌套/组创建查找
使用d3.js库,我想创建如下查找: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
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相对应。在这个例子之外,我一直在使用这个函数。