Crossfilter 和 dc.js 均值

Question

我有这个数据集：

tick    ID    Name    val1    val2    val3    val4
0       1     Name1    0.7    0.1       0.2    0.1
1       2     Name2    0.8    0.1       0.1    0.1
2       3     Name3    0.4    0.1       0.2    0.3
3       4     Name4    0.6    0.1       0.2    0.1
4       1     Name1    0.7    0.1       0.2    0.1
5       2     Name2    0.8    0.1       0.1    0.1
6       3     Name3    0.4    0.1       0.2    0.3
7       4     Name4    0.6    0.1       0.2    0.1

我已经用 crossfilter 和 dc.js 可视化了所有内容，除了一张图表。我想要 val1、val2、val3 和 val4 列的平均值。

我已经用 dc.js 可视化了这张地图。数据中的 ID 是图像中的一个段。刻度是圆形的，例如在刻度 2 处 id 为 1 的对象具有值 0.7、0.1、0.2 和 0.1。所以平均数据应该连接到段。例如，当只选择 ID 为 1 的蓝色对象时，它应该显示当前选择的平均值：

tick    ID    Name    val1    val2    val3    val4
0       1     Name1    0.7    0.1       0.2    0.1
4       1     Name1    0.7    0.1       0.2    0.1

如果我选择 ID 为 2 的第二个对象，它应该显示两个段的平均值：

tick    ID    Name    val1    val2    val3    val4
0       1     Name1    0.7    0.1       0.2    0.1
1       2     Name2    0.8    0.1       0.1    0.1
4       1     Name1    0.7    0.1       0.2    0.1
5       2     Name2    0.8    0.1       0.1    0.1

也许我可以在饼图中显示两个对象的平均值。在哪里我可以看到四个类 val1、val2、val3 和 val4 的平均值。所以我想将它们设置为如下关系：

Sum val1 3
Sum val2 0.4
Sum val3 0.6
Sum val4 0.4

Sum all 4.4

所以类在饼图上的大小如下：

val1 3/4.4 = 0.68 = 68 percent
val2 0.4/4.4 = 0.090 = 9 percent
val3 ...
val4 ...

我怎样才能做到这一点，因为这是唯一不起作用的可视化。

Answer 1

有趣的是，人们有多少种不同的方式来解释他们的数据结构和他们需要的结果。即使有非常详细的解释，有时也不会传达信息。无论如何，我听说这篇文章与我的post 相似。 Gordon 建议我使用reductio。 但是，我深入研究了其他一些帖子，最终使用了 add remove initial 方法。 我创建了一个jsfiddle，它为您提供每个名称的百分比。我想从其他更熟悉 DC 的人那里知道这是否正确完成。

   var data = d3.csv.parse( d3.select("pre#data").text() );     
            data.forEach(function (d) {
            d.tick = +d.tick
            d.id = +d.ID;
            d.name = d.Name;
            d.val1 = +d.val1;
            d.val2 = +d.val2;
            d.val3 = +d.val3;
            d.val4 = +d.val4;
        });