访问dimple.js中的非轴数据属性

时间:2014-08-12 19:24:15

标签: d3.js dimple.js

d3我最喜欢的一个方面是它对数据集合进行分组,这些数据集合可以在创建和绘制可视化的过程中的任何位置轻松访问。

我拿起Dimple来构建一些更漂亮的图,实现以下示例: http://dimplejs.org/advanced_examples_viewer.html?id=advanced_dynamic_line_color

我想在与数据点关联的onclick事件中访问我的数据的ID属性。不幸的是,通过凹坑传递给这些事件的唯一数据是轴坐标。

是否有一种简单的方法来获取凹坑中数据的其余属性?

1 个答案:

答案 0 :(得分:0)

原因是凹坑会预先聚合数据,因此它不会对原始数据行起作用。实际上,酒窝网站上的所有示例都来自相同的tsv,并且在每种情况下,酒窝将数据聚合到不同的级别。这样做的好处是,它意味着您可以在任何聚合级别对线,面积,气泡,条形图或饼图使用非常相似的代码,而无需在您自己的代码中进行任何数据操作。

因此,如果您想要其他字段,它必须是聚合的一部分,您可以在系列定义中包含任意数量的字段,以便:

  var lines = myChart.addSeries(null, dimple.plot.line); 

可能会成为:

  var lines = myChart.addSeries(["Brand", "Owner", "SKU", "Product"], dimple.plot.line); 

这4个字段都可以访问。

请注意,虽然会为这些维度值的每个不同组合绘制一条线,但您无法使用此方法来访问更精细的数据。