Question

我在csv文件上使用d3.js创建了一个表。现在我需要显示csv文件的一些特定列（不是全部）。这是我的代码：

     d3.text('../data/satra_capitalasset_v_projectcount_m_b_enddate_executet.csv',     function(data) {
     var parsedCSV = d3.csv.parseRows(data).filter;


     var sampleHTML = d3.select("body")
    .append("table")
    .style("border-collapse", "collapse")
    .style("border", "2px black solid")

    .selectAll("tr")
    .data(parsedCSV)
    .enter().append("tr")
    .selectAll("td")
    .data(function(d){return d;})
    .enter().append("td")
    .style("border", "1px black solid")
    .style("padding", "5px")
    .on("mouseover", function(){d3.select(this).style("background-color",    "aliceblue")})
    .on("mouseout", function(){d3.select(this).style("background-color", "white")})
    .text(function(d){return d;})
    .style("font-size", "12px");
});

我的数据如下：

name   project   company   
a1       p1         c1   
a2       p2         c1  
a3       p3         c3
a4       p4         c1

现在我需要在表格中显示以上数据中的2列。

Answer 1

我认为改变这一点会对你有帮助。

.text(function(d){return d.name;})

这样您可以参考您想要的特定列，甚至可以使用：

.text(function(d){return (d.name+"\t"+d.company);})

嗯，希望您能够了解您可以参考数据的标题来执行此操作。

如何通过d3.js显示表中的特定列

1 个答案: