title: Adding a filter in dc.js / Crossfilter not updating the chart
body: <p>jsFiddle:
  <a href="http://jsfiddle.net/PYeFP/" rel="nofollow noreferrer">http://jsfiddle.net/PYeFP/</a></p>
  
  <p>I have a bar chart set up that graphs a users number of trips by day</p>
  
  <pre><code>        tripVolume = dc.barChart("#trip-volume")
                 .width(980) // (optional) define chart width, :default = 200
                 .height(75) // (optional) define chart height, :default = 200
                 .transitionDuration(0) // (optional) define chart transition duration, :default = 500
                 .margins({ top: 10, right: 50, bottom: 30, left: 40 })
                 .dimension(tripsByDateDimension) // set dimension
                 .group(tripsByDateGroup) // set group
                 // (optional) whether chart should rescale y axis to fit data, :default = false
                 .elasticY(false)
                 // (optional) whether chart should rescale x axis to fit data, :default = false
                 .elasticX(false)
                 // define x scale
                 .x(d3.time.scale().domain([tripsByDateDimension.bottom(1)[0].startDate, tripsByDateDimension.top(1)[0].startDate ]))
                 // (optional) set filter brush rounding
                 .round(d3.time.day.round)
                 // define x axis units
                 .xUnits(d3.time.days)
                 // (optional) whether bar should be center to its x value, :default=false
                 .centerBar(true)
                 // (optional) render horizontal grid lines, :default=false
                 .renderHorizontalGridLines(true)
                 // (optional) render vertical grid lines, :default=false
                 .renderVerticalGridLines(true)
                 .brushOn(false);
  </code></pre>
  
  <p>The graph displays fine but I would like to filter it using some jQuery controls.
  When the user selects the date I am trying to add a filter to the chart, the filter gets added but the chart does not change, even if I <code>redraw()</code> or <code>render()</code>.</p>
  
  <p>This is how the crossfilter is setup:</p>
  
  <pre><code>tripsCx = crossfilter(data.rows);
  var allTripsGroup = tripsCx.groupAll();
  
  var tripsByDateDimension = tripsCx.dimension(function (d) { return d.startDate; });
  var tripsByDateGroup = tripsByDateDimension.group(d3.time.day);
  </code></pre>
  
  <p>The following are some of the methods I have used to try to apply a filter:</p>
  
  <p>This should use the filterRange:</p>
  
  <pre><code>d.filter(d.dimension().top(20)[19], d.dimension().top(20)[0]);
  </code></pre>
  
  <p>FilterFunction:</p>
  
  <pre><code>d.filter(function (d) {
      return d.getTime() &gt; start.valueOf() &amp;&amp; d.getTime() &lt; end.valueOf();
  });
  </code></pre>
  
  <p>FilterExact:</p>
  
  <pre><code>d.filter(d.dimension().top(20)[0]);
  </code></pre>
  
  <p>I also tried bypassing the chart and applying the filter directly on the dimension:</p>
  
  <pre><code>d.dimension().filterFunction(function (d) {
    return d.getTime() &gt; start.valueOf() &amp;&amp; d.getTime() &lt; end.valueOf()
  });
  </code></pre>
  
  <p>Nothing I have done causes the chart to change.</p>
  
  <p>I am beginning to think that I have the wrong expectation of what the filter function should do?</p>
  
  <p><strong>How can I manually filter the data in the dimension to have the chart updated?</strong>
  I don't want to use a brush.
  I will be filtering the data based on different criteria, I'm just trying to get the simple case working first.</p>
  
  <p>I've spent a couple of days on this now and I'm at a loss as to what to try next.</p>
  
  <p>Any help would be greatly appreciated.</p>