d3.js - 行点击事件？

Question

我创建了一个表并使用该函数更新了来自 csv 的数据。要读取的文件作为参数传递。

function displayContent(file){

 d3.text(file, function(datasetText) {
   parsedCSV = d3.csv.parseRows(datasetText);
   var sampleHTML = d3.select("#TableContents")
     .append("table")
     .style("border", "2px black solid")
     .attr("style", "margin-left: 20px")
     .selectAll("tr")
     .data(parsedCSV)
     .enter().append("tr")
     .selectAll("td")
     .data(function(d){return d;})
     .enter().append("td")
     .text(function(d){return d;})
     .style("font-size", "12px");
  });
}

我想要一个功能，如果我点击第一列，我可以显示另一个表格，其中包含所选行的详细信息。

例如，我在表中填充了学生详细信息。单击任何行(学生 ID)后，我需要根据所选学生显示另一个表格。我们如何在表格行中添加点击？

Answer 1

您可以使用 tr精选的on附加点击事件的方法

例如

.selectAll("tr")   
 .data(parsedCSV)
 .enter().append("tr")
   .on("click", function(d) { doSomething(); })