javascript - 饼图中按类别求和(Dc.js 和 Crossfilter)

标签 javascript d3.js dc.js crossfilter

我尝试使用dc.jsCrossfilter但我在添加具有相同类别的值时遇到了一些问题。

我解释一下:我的演示有 3 列(项目、金额、行动)。 然后我使用以下代码创建金额类别:

   var amount = d.amount;
        if (amount<=10) {
            return '< 10';
        } else if (amount >10 && amount < 50) {
            return '<50';
        } else if (amount >= 50 && amount <= 80) {
            return '< 80';
        } else {
            return '> 80';
        }

我想要的是:如果是同一个项目,添加所有金额并创建这些类别。

所以在 < 10类别中只有密文。在 >10 and <50类别将有设计网站托管...如果 >50将会有网站设计

这是 Jsfiddle:http://jsfiddle.net/nicart/179n4bfg/6/

谢谢你的帮助,我完全迷路了。

最佳答案

所以你想动态计算这个类别?例如,如果“Design”项目有一个值为 5 的“stuff”操作,并且应用过滤器仅显示“stuff”,那么“Design”会落入“<10”类别吗?或者您是否希望每个项目都根据其总体值(value)进行分类,无论应用什么过滤器?

如果是前者,您将必须创建一个组包装器来创建一个“假”组,并在运行时将项目维度上的标准组重新聚合到您的分类值中。请参阅此处,其中谈到创建“假组”:https://github.com/dc-js/dc.js/wiki/FAQ

如果是后者,那么您应该将其作为预计算步骤执行,并向每条记录的基础数据添加类别维度。

关于javascript - 饼图中按类别求和(Dc.js 和 Crossfilter),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30569541/

相关文章:

JavaScript 关键字检查器

javascript - d3 条形图标签在使用新数据更新图表时未更新

javascript - 使用 react 调用api的正确方法

javascript - 使用 dc.js 创建一个简单的饼图

javascript - 使用 DC.js(crossfilter 和 d3 便利库)时出现问题 - 条形图不显示值

javascript - 如何在 html 5 中创建鼠标悬停高亮框?

javascript - 三.js:geometry.addEventListener不是函数

javascript - 如何在React中使用dangerouslySetInnerHTML传递样式

javascript - 交互式 d3 邮政编码分区统计表 - WA 州

javascript - 使用 d3 和 dc.js 自定义时间线刻度