我试图重构一些自定义d3代码,通过引入dc.js来渲染一系列交叉过滤驱动的图表。 我的主要问题是,我有一些不支持dc.js的图表types(例如Sunburst分区 ),我试图找出如何将它们与dc.js图表组结合使用。 过滤单个dc.js图表将自动呈现/重绘属于同一个chartGroup的所有其他图表。 是否有可能以某种方式挂钩到全局重新渲染事件中,以便我可以同时重新绘制非直方图? 我知道每个图表上都有监听器,例如chart.on("postRender", function(chart){…})但似乎没有办法挂钩重新渲染一chart.on("postRender", function(chart){…})表。 有没有一个好的模式可以完成?
我需要在csv中用多个列的input在dc.js中创build一个rowchart。 所以我需要映射一列到每一行,每列总数到行值。 可能有一个明显的解决办法,但我似乎无法find任何例子。 非常感谢S 更新:这是一个快速的草图。 道歉的标准 行图 第1列—————– 64(第1列总数) 第2栏——- 35(第2栏共计) 第3列———— 45(第3列总数)
我有数据集,其中一些字段值是数组,我想使用crossfilter和d3.js或dc.js来显示数据集中每个值的数量的直方图。 这是一个例子: var data = [ {"key":"KEY-1","tags":["tag1", "tag2"]}, {"key":"KEY-2","tags":["tag2"]}, {"key":"KEY-3","tags":["tag3", "tag1"]}]; var cf = crossfilter(data); var tags = cf.dimension(function(d){ return d.tags;}); var tagsGroup = tags.group(); dc.rowChart("#chart") .renderLabel(true) .dimension(tags) .group(tagsGroup) .xAxis().ticks(3); dc.renderAll(); 和JSFiddle http://jsfiddle.net/uhXf5/2/ 当我运行这个代码时,它产生如下的graphics: 但是我想要的是这样的: 为了使事情变得更复杂,能够点击任何行并通过被点击的标签来过滤数据集将是非常棒的。 任何人有任何想法如何实现? 谢谢,Kostya