選擇地理特徵時在表格中顯示數據

Question

早上好 Phil Pedruco的http://bl.ocks.org/phil-pedruco/7557092是我的問題的反面答案。我很好奇如何點擊​​地理位置，如愛爾蘭的一個縣，並在表格中突出顯示相應的行。或者可能更好，只有一行包含顯示的縣信息。感謝您的幫助 - 可愛的工作。

Answer 1

d3.csv回調外

先取行的聲明，因爲我們需要訪問它的點擊功能：

var g = svg.append("g"), rows; 

的行

設置活動類來表示它們將是可見的：

// create a row for each object in the data 
      rows = tbody.selectAll("tr") 
        .data(data) 
        .enter() 
        .append("tr") 
        .attr('class', 'active'); 

在點擊功能中，可以從所有行中刪除活動類，然後獲取對應於所選縣的行並設置活動類：

d3.selectAll('tr.active').classed('active', false); 
     rows.filter(function(r){ 
      return r.County === d.properties.name; 
     }) 
     .attr('class', 'active'); 

復位後可以添加活動類返回所有的行，使它們可見：

d3.selectAll('tbody tr').attr('class', 'active'); 

下面是結果：http://bl.ocks.org/ckothari/96248a1cf4efff934600c1d1f1e6d9b4