javascript - dc js - 创建多列维度

标签 javascript d3.js crossfilter dc.js

我正在尝试使用 dc.js 汇总数据表,并使用 dynaTable 插件进行分页和其他选项。

通常在dc.js数据表中我们获取数据中显示的全部数据。但我正在尝试像数据透视表一样汇总数据并将其显示在网络上,当选择发生时,数据表需要更改。

我通过创建一个 dimensiongroup 来完成它,我将该组传递给 dynaTable。并且运行良好。

假设我有 5 列数据。我可以在它的任何列上创建一个维度。

示例:我在第一列上创建一个维度,并根据最后一列的值进行分组,假设它是 A-20、B-42、C-50、D-20。。现在我的组包含该值和变量。

但我希望创建一个包含 2-3 列的维度。

例子:

A,AA,20
A,AB,10
A,AC,30
A,AD,80
B,BA,30
B,BB,40
B,BC,50
B,BD,90
C,CA,70
C,CB,20
C,CC,10
C,CD,80
D,DA,30
D,DB,40
D,DC,60
D,DD,80

是否可以像那样在多个列上创建维度?

如果是,请帮助我。

这是 fiddle :http://jsfiddle.net/3v68c/3/

最佳答案

如果您提供 JSFiddle 或类似的东西,我可以为您提供一个工作示例。但答案是肯定的,您可以根据需要定义一个基于任意多列的维度。您只需要有一个未在任何值中使用的定界符。假设您有 a、b 和 c 列,并且您将使用分隔符 ','。然后你:

var xfilter = crossfilter(data); 
var multidimension = xfilter.dimension(function (d) {   
  return d.a + ',' + d.b + ',' + d.c;
});

关于javascript - dc js - 创建多列维度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21844704/

相关文章:

javascript - 应用程序首次打开时 AWS Datastore 不查询

javascript - Material 谷歌折线图中的对数刻度

javascript - html5表单提交到onclick js函数: nothing is happening

javascript - 如何定位工具提示以跟随它在 D3 中附加的数据点?

javascript - D3.js 通过使用 Spectrum.js 的函数为节点圆圈着色

javascript - 图表未显示在 D3 中

javascript - 如何利用 dc.js 和 d3.js 显示值堆积条形图?

javascript - 将 JSON 字符串传递给 Django 模板

javascript - D3.js 图表画笔和 Crossfilter.js 缩放不同步

leaflet - 如何在 dc.leaflet.js 中显示值(总和)而不是标记计数