javascript - DC.JS 散点图不过滤

标签 javascript d3.js dc.js

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

举个例子: Fiddle of Scatter Plot

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

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

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

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

最佳答案

我在 github.com/NickQiZhu/dc.js/issues/491 打开了一个问题。反馈是根据应用的过滤器转换散点图点的功能尚未发布。

我最终改用了 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/

关于javascript - DC.JS 散点图不过滤,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20846717/

相关文章:

javascript - Angular NVD3 不工作

javascript - dc.js:具有嵌套分组的箱线图

d3.js - 在jsfiddle中加载外部csv文件

javascript - $(this).attr ('id' );不工作

javascript - 使用具有多个测试的 filter 方法过滤对象数组

javascript - BootStrap Modal + JS/AJAX 复选框表单提交

javascript - 以秒为单位刷新图表信息,而不是按钮

javascript - SVG `<path>` 不精确

dc.js - 如果值为零,如何隐藏 dc.js 行图值

javascript - javascript下如何使用onchange事件