使用D3库使用单选按钮过滤JavaScript

Question

我正在尝试使用一组单选按钮来过滤D3散点图上的数据。

我的散点图基于http://bl.ocks.org/mbostock/4063663

我只修改了代码以满足我的数据需求，链接中的代码非常接近我所拥有的。

我的CSV文件中的代码按以下方式排列，

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

我解决了，这是我的代码：

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"; })
    }

}