Question

这个问题使用的数据与我以前的一个问题相同，但问题不同。我有一个csv文件，如下所示：

[{name: "Bob", values: [
   {score: 93, date: 2014},
   {score: 85, date: 2015}]}
 {name: "Barry", values: [
   {score: 70, date: 2015}]},
...

没有两个人有相同的名字，但一个人可以有多个条目。如何在d3.csv回调函数中创建一个如下所示的数组？：

arrayName[objectIndex].objectPropertyName

通常我可以使用普通的javascript执行此操作，但使用.my-custom-popup{ .popup{ //styling for popup width, width: 300px; } .popup-title{ //styling for title } }访问属性值在d3回调函数中不起作用。

Answer 1

d3.nest()函数将csv数据转换为键值对。查看this plnkr链接以查看控制台中的对象。要获得最小的最大数据，请参阅this updated plnkr。

d3.csv("data.csv", function(error, data) {
    console.log(data);
    var updated = d3.nest().key(function(d) {
        return d.name;
    }).sortKeys(d3.ascending).entries(data);
    console.log(updated);
})

如何从D3.js中的csv文件创建嵌套对象数组？

1 个答案: