javascript - 使用面板数据集在 dc js 中创建堆叠图表

Question

我在创建堆叠条形图时遇到问题，我无法弄清楚如何将尺寸正确应用到面板数据集

我的数据如下所示:

Date     name   value
12/1/15 name1  5
12/1/15 name2  6
12/1/15 name3  2

13/1/15 name1  2
13/1/15 name2  7
13/1/15 name3  8

14/1/15 name1  2
14/1/15 name2  5
14/1/15 name3  10

以JSON格式存储

我想创建堆积图来绘制随时间变化与不同名称关联的值。

据我了解 dc-js，我需要提供一个包含日期维度的图表，然后提供不同名称的另一个维度，然后对值进行分组，但我不确定如何继续。

有谁知道我该如何做到这一点？

Answer 1

以下是如何生成组，来自 the FAQ :

var group = dimension.group().reduce(
    function(p, v) { // add
        p[v.type] = (p[v.type] || 0) + v.value;
        return p;
    },
    function(p, v) { // remove
        p[v.type] -= v.value;
        return p;
    },
    function() { // initial
        return {};
    });

(在您的情况下，v.name 而不是 v.type。)

基本上，您创建一个组，该组减少为包含每个堆栈的值的对象。

然后使用.group()和.stack()的名称和访问器参数。不幸的是，您必须将其拼写出来，因为第一个必须是 .group ，其余的必须是 .stack 。

这样:

chart.group(group, 'name1', function(d) { return d.name1; })
   .stack(group, 'name2', function(d) { return d.name2; })
   .stack(group, 'name3', function(d) { return d.name3; })
   ...

(SO或网络上的某个地方是这样的循环形式，但我找不到它ATM。)