dc.js 分组条形图

dc.js grouped bar chart

我需要像 this one 那样做这个分组条形图,但是 .renderType() 不起作用。有什么解决方案可以做这样的图表吗?谢谢!

你是对的,找到 dc.js 的分支或分支并在你的项目中使用它是非常重要的。

您链接的 PR 相当旧并且是 replaced by this one。不幸的是,所有分组栏的实现都有设计缺陷,none 已准备好合并,这就是为什么我们仍然必须使用代码的分叉或分支。

而不是 renderType 这个叉子上的 API 改为

.groupBars(true)

新 PR 的分叉和分支在这里:

https://github.com/jaklub/dc.js/tree/grouped-or-stacked-bars

工件(dc.js 和 dc.css)可以在 grouped-or-stacked-bars-artifacts 分支上找到。

获取它们的一种方法是使用 jsdelivr:

https://cdn.jsdelivr.net/gh/jaklub/dc.js@grouped-or-stacked-bars-artifacts/dc.js
https://cdn.jsdelivr.net/gh/jaklub/dc.js@grouped-or-stacked-bars-artifacts/dc.css

或者,如果您使用的是 npm,则可以这样声明依赖项:

"dc": "git+git@github.com:jaklub/dc.js#grouped-or-stacked-bars-artifacts"

任何最新版本的 npm 的较短版本:

"dc": "jaklub/dc.js#grouped-or-stacked-bars-artifacts"

尽管这是 dc 的最后一个主要版本 (3) 的分支,但它与最新的 d3 兼容,如 this demo fiddle 中所示。

显然您需要更多的水平 space 才能显示分组条,但这是一个单独的问题。