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 才能显示分组条,但这是一个单独的问题。
我需要像 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 才能显示分组条,但这是一个单独的问题。