如何保证基于3键维度制作的散点图中的画笔与其他图表交互？

Question

如何通过在散点图维度中使用三个键来保证多图表过滤器的行为？

如您在 [https://jsfiddle.net/rogeraleite/dmf3fstw/2/ ] 中所见 ..具体在我声明散点图尺寸的行中：

dim1 = ndx.dimension(function (d) {
    return [+d.x, +d.y, d.fruit];
    //return [+d.x, +d.y];
})

如果我评论“return [+d.x, +d.y, d.fruit];”并使用“return [+d.x, +d.y]; ", 交互（刷）效果很好。但是，一旦我尝试添加第三个键 (d.fruit) 以便为图表中的点着色，刷亮就停止了。

知道如何处理吗？

Answer 1

我刚刚意识到，为了保持交互正常工作，我必须在维度创建中只使用两个键。但是，要创建组，我可以使用具有两个以上键的另一个维度，这将保证正确的行为。

参见https://jsfiddle.net/rogeraleite/L8mjrnr1/：

    dim1 = ndx.dimension(function (d) {
        return [+d.x, +d.y];
    }),
    dim1_2 = ndx.dimension(function (d) {
        return [+d.x, +d.y, d.fruit];
    }),
    dim2 = ndx.dimension(function (d) {
        return [+d.y, +d.z];
    }),
    dim2_2 = ndx.dimension(function (d) {
        return [+d.y, +d.z, d.fruit];
    }),
    group1 = dim1_2.group(),
    group2 = dim2_2.group();

...所以当 colorAccessor 尝试访问第三个键 (d.key[2]) 时，它起作用了！ =D

.colorAccessor(function(d) { return d.key[2]; })

如何保证基于3键维度制作的散点图中的画笔与其他图表交互？

How to guarantee that a brush in a scatterplot made based in dimension with 3 keys interact with other charts?

javascript

crossfilter

dc.js