如何使用D3js操纵CSV文件中的加载数据

时间:2014-06-09 16:40:21

标签: d3.js

您好我正在加载CSV文件,如下所示

d3.csv("filename.csv", function(error, data) {
        data.forEach(function(d) {
            d.percentage = d["market share"];
        });

该文件看起来像这样

"Things","market share"
"thing1",50
"thing2",30
"thing3",10
"thing4",3.5
"thing5",2.7
"thing6",2.5
"thing7",0.6
"thing8",0.4
"Others",0.3

我正在创建像这样的矩形

.attr("width", function(d) { return d.percentage * 10})

如果我这样做,结果将是9个矩形(文件中每个百分比一个)

我想要做的是将所有低于5的值添加到"其他"然后创建矩形。所以结果将是4个矩形。随着" thing1" 50岁,"东西2" 30岁,"事物3" 10岁以上"其他" 10岁。

我该怎么做?

1 个答案:

答案 0 :(得分:0)

从一个json列表开始并且有一些有用的东西将是一个很好的第一步。然后,您可以加载csv文件作为第二步。