javascript - dc.js 百分比直方图 - 组的大小

标签 javascript d3.js dc.js crossfilter

我有 3 个组使用 group().reduceCount() 产生频率计数

我想做的是通过将每个计数除以组的总大小来将计数转换为百分比

这会给我组的大小

var valueGroupCounter = value.groupAll().value();

这会将每个计数除以总数

.valueAccessor(function(d) {  return (d.value/valueGroupCounter()); })

当我过滤一个组大小相同或大致相同的部分时,我得到了正确的图表,这是我想要的,但随后我过滤了一个组大小非常不同的部分,我得到了图在左边。我想让 3 个直方图的大小大致相同,方法是用百分比而不是计数来表示它们。 问题是它为 me 提供了 3 组相同的大小,一些组具有空值,3 组具有不同的大小。

我做了一个pen a 添加了一些数据:

最佳答案

我能够通过使用 Number Display Example 获得所需的结果 现在,直方图在同一范围内

这给出了不包括空值的组的总大小

valueGroupCounter.value().n

将每个计数除以总数

.valueAccessor(function(p) { return p.value/valueGroupCounter.value().n }) 

fork pen更正

enter image description here

关于javascript - dc.js 百分比直方图 - 组的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59128212/

相关文章:

javascript - 如何使用 Selenium 和 Java 提取不在自己标签内的文本节点的文本?

javascript - 如何在 D3 中悬停时为图像添加边框

javascript - 如何根据D3中的数据创建元素?

javascript - dc.js:使用reduceCount方法的堆积面积图

d3.js - 按聚合划分聚合 (D3/DC/Crossfilter/Reductio)

javascript - 分机号 : tpl config is ignoring html in Panel

javascript - easeljs 不显示位图

javascript - 如何在javascript中检查td是否为空

javascript - 字体未应用于图像

javascript - 如何加载dc.js和crossfilter.js?