javascript - 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 可视化了这张 map 。数据中的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类似。 。戈登建议我使用reductio 。然而，我深入研究了其他一些帖子，最终使用了添加删除初始方​​法。我创建了一个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;
        });