DC.JS Scatter Plot不过滤

时间:2013-12-30 20:09:20

标签: javascript d3.js dc.js

我是Dimensional Charting Javascript Library的忠实粉丝,但我对散点图功能有疑问。此图表类型似乎没有像其他图表那样过滤。

这是一个例子: Fiddle of Scatter Plot

当我过滤typeDimension时,我可以看到行图被过滤但散点图没有。

    typeDimension.filter("foo");
    dc.redrawAll();

我的期望是散点图会更新以仅显示符合过滤条件的点。

感谢任何帮助。谢谢! - DJ

1 个答案:

答案 0 :(得分:1)

我在github.com/NickQiZhu/dc.js/issues/491上发了一个问题。反馈是,尚未发布基于应用过滤器转换scatterPlot点的功能。

我最终使用了bubbleChart来实现我所需要的。

但我最终覆盖了MIN_RADIUS参数,因此可以显示较小的气泡:

    bubbleChart.width(500)
        .height(200)
        .dimension(typeDimension)
        .group(typeGroup)
        .x(d3.scale.linear().domain([0, 20]))
        .y(d3.scale.linear().domain([0, 1000]))
        .keyAccessor(function (d) {
        return d.value.count;
    })
        .valueAccessor(function (d) {
        return d.value.avgSpeed;
    })
        .radiusValueAccessor(function (d) {
        return 1;
    });
    bubbleChart.MIN_RADIUS = 1;

以下是使用气泡图的jsfiddle:http://jsfiddle.net/djmartin_umich/ymU5c/