按数据值选择要与 D3 一起显示的数据
Choose data to display with D3 by data's value
>我从SQL引入数据并将其存储在隐藏标签中,然后使用D3作为散点图显示。 我有一个 x 值标签、y 值标签、半径标签,然后是第四个标签,我们称之为集合标签。
基本上,我有七组数据,并且一次只想显示一组(用户将能够从下拉菜单或单选按钮或任何选择要显示的数据中进行选择,这很容易(。 D3 中有没有办法说只显示设置数据 = X 的点?
这是我到目前为止的相关设置:
var x_data = $('.CostImport').text().split(',');
var y_data = $('.PriceImport').text().split(',');
var r_data = $('.SalesImport').text().split(',');
var c_data = $('.ZoneImport').text().split(',');
var data = [];
for (i = 0; i < x_data.length; i++) {
data.push({ "x": x_data[i], "y": y_data[i], "c": c_data[i], "r": r_data[i] });
}
vis.selectAll("circle")
.data(data)
.enter().append("svg:circle")
.attr("cx", function (d) { return x(d.x) })
.attr("cy", function (d) { return y(d.y) })
.attr("stroke-width", "none")
.attr("fill", function (d) { return c(d.c) })
.attr("fill-opacity", .75)
.attr("r", function (d) { return r(d.r) });
目前我正在按设定值对数据进行着色,但它太忙且重叠。 我意识到我可以为每个集合加载单独的标签和数据(例如x1_data、x2_data等(,但我希望在集合数量发生变化的情况下使其更加强大。
将最后一行更改为:
.attr("r", function (d) { if (d.c == 3) return r(d.r); else return 0 });
完美工作。 在SQL上花费太多时间让我忘记了双等。
相关文章:
- Javascript-如何让脚本与Ajax请求的数据一起运行
- 如何将数据标签与数据一起传递,以便在高图中的工具提示中显示
- 如何使用xmlhttprequest将图像和其他数据一起发送
- 在Javascript中,如何区分与实际数据一起保存的对象和作为引用保存的对象
- 如何将 .find() 与我们使用 .get() 的数据一起使用
- 如何将自定义网址与余烬数据一起使用
- 角度ng重复传递项以与父数据一起使用
- 使d3力布局与标记数据一起工作
- 如何将角度图与json数据一起使用
- 如何使用Ajax将javascript数组与其他非数组数据一起发送到PHP脚本
- 将函数与附加数据一起传递给sails.js
- 通过post与其他数据一起传递json对象
- 如何将文件与其他数据一起发送到webmethod ?不使用任何插头
- 访问与Redux状态数据一起发送给组件的props
- 文件输入数据未与Dropzone表单的POST数据一起传输
- 在MV*设计模式中,模型是单个数据单元还是与数据一起工作的所有逻辑
- 将Meteor中的list.js与从服务器发布到客户端的数据一起使用
- 如何使用xmlhttprequest使一个新的子节点与php脚本中的节点数据一起出现在html中
- 显示数据和单选按钮,并将单选按钮的选定值与数据一起保存
- 以前的表单数据与当前数据一起发布