地形を選択したときに表にデータを表示

Question

おはよう Phil Pedrucoのhttp://bl.ocks.org/phil-pedruco/7557092は私の質問の逆の答えです。アイルランドの郡のような地理的な場所をクリックしてテーブルの適切な行をハイライト表示させる方法が不思議です。郡情報が表示されている行を1行だけ表示することもできます。助けてくれてありがとう - 素敵な仕事。我々はクリック機能でそれにアクセスする必要があるよう

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