如何使用crossfilter和dc.js开发成组的堆栈条形图

时间:2018-08-02 08:51:31

标签: dc.js crossfilter

Grouped Stacked bar chart(Sample)

stackedbarchart.width(460)
                .height(250)
                .margins({top: 5, right: 5, bottom: 20, left: 10})
                .dimension(stackedbarchartDimension)
                .group(stackedbarchartGroup)
                .stack(stackedbarchartGroup_stack)
                .stack(stackedbarchartGroup_stack2)
                .x(d3.scale.ordinal())
                .xUnits(dc.units.ordinal)

请使用dc.js发布“分组堆叠的条形图”的任何工作示例。

1 个答案:

答案 0 :(得分:0)

这还不是核心库的一部分,但是您可以使用一个有效的拉取请求:

https://github.com/dc-js/dc.js/pull/1459

分支上有一个内置版本,因此如果您使用npm,则可以指定依赖项

"dc": "git://github.com/dc-js/dc.js.git#grouped-stacked-3",

或者只是克隆存储库并使用grouped-stacked-3分支。

分支包含以下示例:

web/examples/bar-grouped-multi.html
web/examples/bar-grouped.html

编辑:太疯狂了,我看到它仍然没有分组+堆叠条形的示例。我看看是否可以解决该问题;在那之前,我认为this plunkr是最好的例子

grouped stacked