Initial Range Selection In Dc.js Chart

I would like to make an initial range selection in some dc.js charts (bar and line). So I add this for example: .filter([7,10]) And the range appears well on the chart, but appare

Solution 1:

The filter code is a bit tricky in dc.js. If you specify an array of values, it will not interpret the array as a range. (It will either interpret the array as a single value, or if the array contains another array, it will filter on the values inside that array.)

Try specifying a ranged filter object instead:

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