DC.js 图表中的初始范围选择

Question

我想在某些 dc.js 图表（条形图和折线图）中设置初始范围 selection。
所以我添加这个例如：

.filter([7,10])

并且该范围在图表上显示得很好，但显然 selected 了 0 个观测值。
我预计会有几千次观察 selected。就像我用画笔手动 select 范围 [7,10] 时一样。

有什么关于我在这里遗漏的提示吗？

我的部分代码：

    var chart_globalscore = dc.barChart('#chart_globalscore');
(...)
    var ndx = crossfilter(data_movies)
        ,all = ndx.groupAll()
(...)
        ,GlobalScoreDimension = ndx.dimension(function(d) { if ( !isNaN(d.GlobalScore) ) {return Math.round(d.GlobalScore*10)/10 ;} else {return -1;} })
        ,GlobalScoreGroup = GlobalScoreDimension.group()
(...)
        ;
(...)
    chart_globalscore
        .width(width001)
        .height(height001)
        .margins(margins)
        .dimension(GlobalScoreDimension)
        .group(GlobalScoreGroup)
        .round(function(val){return Math.round(val*10)/10;})
        .x(d3.scale.linear().domain([0, 10.1]))
        .filter([7,10])
        .centerBar(false)
        .transitionDuration(transitionDuration)
        .elasticY(true)
        .gap(1)
        .xUnits(function(){return 100;})
        .renderHorizontalGridLines(true)
        .yAxis().ticks(2)
        ;

Answer 1

过滤代码在dc.js中有点棘手。如果您指定一个值数组，它不会将该数组解释为一个范围。（它将把数组解释为单个值，或者如果数组包含另一个数组，it will filter on the values inside that array。）

请尝试指定 ranged filter object：

    .filter(dc.filters.RangedFilter(7, 10))

DC.js 图表中的初始范围选择

Initial Range selection in DC.js chart

javascript

filter

d3.js

crossfilter

dc.js