带有dc.js的堆叠系列折线图（堆积区域）

Question

是否可以将dc.seriesChart()与.stack()混合使用？我还没有找到任何例子，根本就不知道如何开始......

要明确，我想在

之间找到妥协

• 动态多系列，如the series example所示，其中嵌入式子图表是作为crossfilter组的函数生成的

和

• 区域堆叠，如demo dc.js area chart所示，其中静态添加要堆叠的变量（未使用系列）

理想情况下，我希望实现具有交叉过滤器支持的NVD3's stacked area chart之类的内容。

感谢您的任何指示和建议！

电子。

Answer 1

你是正确的注意到堆栈mixin和系列图表的设计不同，并且在能够以不同方式组合它们的意义上不是mixins。

更像是条形图和折线图来自堆栈图基类，而系列图则是创建复合多层图表的快捷方式。

听起来您想要堆叠的线/面积图，但您想要动态添加堆栈。

尽管dc.js不会自动为您添加它们，但您可以编写一个循环来添加数据中的堆栈，例如：假设您的值减少到字段A，B和C：

var stacks = {'A', 'B', 'C'};
stacks.forEach(function(s) { 
    chart.stack(s, function(d) { return d.value[s]; });
});

并且dc.js无法删除堆栈，但it can hide them。

因此，它需要一些手动编码，并且dc.js可以设计得更加一致，但我认为您可以获得您正在寻找的效果。