D3中的过滤选项
Filtering option in D3
我正在研究D3(人力车框架),我必须使用名称过滤数据。
这是人力车用来创建圆圈的代码。
var 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('transform', 'translate(22,0)').attr("r", function(d) {
return ("r" in d) ? d.r : graph.renderer.dotSize
});
我尝试像
那样过滤数据$('#BestBrands input').on("change", function () {
console.log("called")
var selected = $(this).attr('name'),
display = this.checked ? "inline" : "none";
console.log(selected)
graph.vis.selectAll(".filter")
.data(series.stack.filter(function(d) {
return series.name[0] == selected
}))
.attr("display", display);
});
//series.name等于d3.js中的d.p name,所以series[0]是第一个坐标名这行不通。我需要在类中添加任何类吗?这一点我不是很清楚。我应该怎么做才能根据名称过滤数据?
如果我理解你的代码:
graph.vis.selectAll("path")
.data(series.stack.filter(function(d){
//should return a boolean
return selected === 'something';
}))
.attr("display", display);
});
编辑:$('#BestBrands input').on("change", function () {
console.log("called")
var selected = $(this).attr('name'),
display = this.checked ? "inline" : "none";
console.log(selected)
graph.vis.selectAll(".filter")
.data(series.stack.filter(function(d) {
return series[0].name == selected //assuming series[] is an array
}))
.attr("display", display);
});
看起来您打算使用var selected = $(this).attr('name')
,但从未将其与任何东西进行比较。
这一行:
series.stack.filter(function(d){ return d.selected })
我怀疑你想比较d.selected
和selected
。现在,这只是我的假设(你知道他们说的假设),但鉴于我对D3的经验,series.stack.filter
将迭代series.stack
中的元素,所以你需要确保d.selected
是你想要的属性。
相关文章:
- 使用PHP通过HTML表单选项选择器过滤MYSQL结果
- 过滤”;溢价;页面加载选项使用混合
- 使用下拉列表过滤 ng 重复,而不复制下拉选项
- 仅当选择特定的选择选项时,才使用JavaScript过滤数组
- 用Javascript填充剑道网格列菜单过滤选项
- 如何使用jQuery过滤/克隆选择框选项
- AngularJS:仅在最后一个选项卡上显示过滤的内容
- 使用 ng 模型有条件地过滤 ng 选项
- AngularJS在选择后过滤剩余的下拉选项
- AngularJS通过选择空选项进行过滤
- 解析/执行过滤具有许多选择选项的javascript字符串
- item(i)为null或不是带过滤选项的锁定网格中的对象(extjs3.4)
- jQuery过滤表包括<选择><选项>单间牢房
- 将多个下拉(选择)过滤器重置为“0”;所有“;(顶部选项)
- 如何使用jQuery过滤DropDownList中的选项
- 如何在DojoGridX的单元格编辑器中根据另一个单元格的值过滤select组件的选项
- 过滤掉选择选项后,角度模型无法更新
- D3中的过滤选项
- 过滤jqueryUI自动完成选项
- 根据前一个下拉选项更改下拉选项(过滤搜索)