dc.js 分组条形图答案

【问题标题】：dc.js grouped bar chartdc.js 分组条形图
【发布时间】：2021-05-13 13:53:31
【问题描述】：

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

【问题讨论】：

这个问题links to a PR 用于制作分组图表。该版本有点落后于 dc.js，但 PR 链接到您可以使用的分支。如果您使用的是 npm/package.json，您可以指定 github 分支而不是版本号。请尝试一下！
如果你不能让它工作，请评论那个 PR。谢谢！！
谢谢@Gordon
这里的问题是我太初学者不知道如何使用它。但是，我会“问”谷歌。 :D
嗨@Gordon，我已经安装了这个包，但它不起作用，我得到一个错误，说'.renderType()' 不是一个函数。我试过那个例子。

标签： dc.js crossfilter

【解决方案1】：

你说得对，找到一个 dc.js 的分支或分支并在你的项目中使用它并非易事。

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

这个分支上的 API 由 renderType 改为

.groupBars(true)

新 PR 的 fork 和 branch 在这里：

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 所示。

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

【讨论】：