dc.js 分组条形图

如何解决dc.js 分组条形图

我需要像 this one 这样的分组条形图，但 .renderType() 不起作用。是否有任何解决方案可以制作这样的图表？谢谢！

解决方法

你说得对，找到 dc.js 的一个分支或分支并在你的项目中使用它是很重要的。

您链接的 PR 很旧，并且是 replaced by this one。不幸的是，所有分组条实现都有设计缺陷，而且没有一个可以合并，这就是我们仍然必须使用代码的分支或分支的原因。

此分叉上的 API 改为

，而不是 renderType

.groupBars(true)

新 PR 的分支和分支在这里：

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

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

获取它们的一种方法是使用 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": "[e-mail]:jaklub/dc.js#grouped-or-stacked-bars-artifacts"

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

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

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

很明显，您需要更多的水平空间来显示分组条，但这是一个单独的问题。