dc.js - 私はこれを見て、負荷への負荷

Question

上の棒グラフに（特定の幅の）セットブラシは、フィルターなしで設定されたすべてのデータをどのように：
Picture: what i have

は、私がこれを見たいと思っては、ブラシ（セレクタ）は、最後の選びました負荷にすでに21日：私のために
Picture: what i want
Solved! click for answer

ここ

私は同様の質問を見てではなく、作品
dc.js - is it possible to show the user grab handles upon page load

私は、この追加した場合

var lineChart = dc.lineChart(".chart-line-graph"); 
var dateRangeChart = dc.barChart('.chart-date-range'); 

var hourDim = ndx.dimension(function(d) {return d.hour;}); 
var valueByHour = hourDim.group().reduceSum(function(d) {return d.value;}); 
var minDate = hourDim.bottom(1)[0].date; 
var maxDate = hourDim.top(1)[0].date; 

lineChart 
    .renderArea(true) 
    .width(1360) 
    .height(350) 
    .transitionDuration(200) 
    .margins({top: 30, right: 50, bottom: 45, left: 80}) 
    .dimension(hourDim) 
    .mouseZoomable(true) 
    .rangeChart(dateRangeChart) 
    .brushOn(false) 
    .x(d3.time.scale().domain([minDate,maxDate])) 
    .elasticY(true) 
    .group(value) 
    .renderHorizontalGridLines(true); 

var dayDim = ndx.dimension(function (d) {return d.day;}); 
var groupByDayDim = moveDays.group(); 

dateRangeChart 
    .width(1360) 
    .height(35) 
    .margins({top: 0, right: 50, bottom: 20, left: 80}) 
    .dimension(moveDays) 
    .group(volumeByMonthGroup) 
    .centerBar(false) 
    .gap(1) 
    .x(d3.time.scale().domain([minDate,maxDate])) 
    .round(d3.time.week.round) 
    .alwaysUseRounding(true) 
    .xUnits(d3.time.days); 
dateRangeChart 
    .yAxis().ticks(0); 

は：棒グラフその後

lineChart 
    .filter(dc.filters.RangedFilter(d3.time.day.offset(xrange[1], -21), d3.time.day.offset(xrange[1], 1))) 

を濾過し、私は私の最初の問題を解決し

Answer 1

を選択されていません！
ジャスト（renderAll（後））すべてのコードの後に​​フィルタを追加して、あなたは、DCを呼び出した場合、負荷チャート上