D3을 사용하여 라디오 버튼으로 JavaScript에서 필터링하기 libary

Question

라디오 버튼을 사용하여 D3 scatterplot 다이어그램의 데이터를 필터링하려고합니다.

내 산점도 다이어그램이 난 단지 내 데이터의 요구에 맞게 코드를 수정 한 http://bl.ocks.org/mbostock/4063663

을 기반으로, 링크의 코드 내가 가지고있는 매우 가까운 거리에 있습니다.

Open<input type="radio" name="Status" id="radio-open" value="Open" onClick="window.location.reload()" /> 
    Closed<input type="radio" name="Status" id="radio-closed" value="Closed" onClick="window.location.reload()"/> 
    Clear<input type="radio" name="Status" id="radio-clear" value="Clear" onClick="window.location.reload()"/> 

그리고 :

if (!document.getElementById('radio-clear').checked) { 
    if (document.getElementById('radio-open').checked) { 
     data = data.filter(function(d) { return d["Status"] == "Open"; }) 
    } 
    else if (document.getElementById('radio-closed').checked) { 
     data = data.filter(function(d) { return d["Status"] == "Closed"; }) 
    } 

} 나는 그것을 해결

DataType1,DataType2,DataType3,DataType4, 
    1,2,3,4 
    1,2,3,4 
    1,2,3,4 
    1,2,3,4 
    1,2,3,4 

Answer 1

내 CSV 파일의 코드는 다음과 같은 방법으로 배열되고, 여기에 내 코드입니다