javascript D3.jsで分散情节をburshし，スタイル変更と同时に选択したオブジェクトを操作する方法。

Posted 2021-05-04

 function hilight(nodes){
            // 空の選択域が送られた時は全てのcircleのクラスを初期化する
            if (start_end_nodes.length == 0){
                svg.selectAll("circle").classed("selected", false)
            }else{
            // 選択した矩形内部にcircleがあるとき特定のclassを追加する
                svg.selectAll("circle").classed("selected", function(d){
                    return nodes[0][0] < x(d.pc1)  && nodes[0][1] < y(d.pc2) && nodes[1][0] > x(d.pc1) && nodes[1][1] > y(d.pc2);
                });
            // 選択した矩形内のobjectのidを取得する。その２
              svg.selectAll(".selected").each(function(){
                  console.log(d3.select(this).attr('id'));
              })
            }
        }

 function hilight(nodes){
            // 空の選択域が送られた時は全てのcircleのクラスを初期化する
            if (start_end_nodes.length == 0){
                svg.selectAll("circle").classed("selected", false)
            }else{
            // 選択した矩形内部にcircleがあるとき特定のclassを追加する
                svg.selectAll("circle").classed("selected", function(d){
                    return nodes[0][0] < x(d.pc1)  && nodes[0][1] < y(d.pc2) && nodes[1][0] > x(d.pc1) && nodes[1][1] > y(d.pc2);
                });
            // 選択した矩形内のobjectのidを取得する
              svg.selectAll(".selected").call(function(d){
                  d._groups[0].forEach(function (g) {
                      console.log(g.id)
                  })
              });
            }
        }