我很难使用 d3 图中的复选框进行过滤。这里我有五个复选框,我必须根据复选框值过滤特定数据。
HTML
<div id="company"
<ul id='BestBrands'>
<label class="checkbox">
<input class="select-all" type="checkbox" id="brandAll" name="bands" value="M&B"
onclick="selectMainBrandALL('brandAll');">
Select All</label>
<label class="checkbox">
<input type="checkbox" id="TCS" name="TCS"
>
TCS</label>
<label class="checkbox">
<input id="CTS" type="checkbox" name="CTS" " >
CTS </label>
<label class="checkbox">
<input type="checkbox" id="info" name="info" >
Info</label>
<label
</ul>
</div>
这是生成图表的 D3 散点图代码。我在这里使用人力车框架..
v
ar nodes = graph.vis.selectAll("path")
.data(series.stack.filter( function(d) { return d.y !== null } ))
.enter().append("svg:circle")
.attr("cx", function(d) { return graph.x(d.x) })
.attr("cy", function(d) { return graph.y(d.y) })
.attr("fill-opacity", 1.0)
// .attr("render-order", 1)
.attr("r", function(d) { return ("r" in d) ? d.r : graph.renderer.dotSize});
如果我必须过滤数据取决于我可以做的数据
.filter(function(d) {
return d.x < 100;
});
我已经做到了
var check =graph.vis.selectAll(".ck input").on("change", function () {
console.log(this.name)
var selected = this.name,
display = this.checked ? "inline" : "none";
graph.vis.selectAll("path")
series.stack.filter( function(series) { return d.name == selected; } )
.attr("display", display);
});
但它不起作用..请帮帮我...