D3.js - filter

D3의 filter

buttons.on("click",(){
	...
    
    d3.select(this)
    
    ...
})

기존에는 this를 이용해서 했음

function update(updateYear){
	//updateYear는 현재 클릭한 년도 데이터를 뜻함
    d3.select("~~") //현재 선택한 요소를 select해야함
}

위의 상황에서 updateYear데이터를 가지고,

어떻게 현재 클릭한 요소를 가져올 수 있을까?

 

filter를 이용하면된다!

buttons.filter(d => d === updateYear).classed("selected",true);

D3의 filter는 Selection을 대상으로만 작동한다.