2

関数を使用してテーブルを作成し、csv からデータを更新しました。読み込むファイルは param として渡されます。

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) をクリックしたら、選択した学生に基づいて別のテーブルを表示する必要があります。テーブルの行にクリックを追加するにはどうすればよいですか?

4

1 に答える 1

3

tr選択のonメソッドを使用して、クリック イベントをアタッチできます。

例えば

.selectAll("tr")   
 .data(parsedCSV)
 .enter().append("tr")
   .on("click", function(d) { doSomething(); })
于 2013-05-22T13:36:34.493 に答える