title: dc.js simulate click on chart and trigger filter on
body: <p><strong>What I want to do:</strong></p>
  
  <p>I have a barChart where the x axis represents time. One can select a period of time by selecting it with the mouse and all the charts correctly adjust to the selection.</p>
  
  <p>However, sometimes it's hard to go from exact dates to exact dates, I would like to add a calendar where one could select those dates.</p>
  
  <p>Ideally, selecting dates on the calendar should have the same effect as selecting the time period with the mouse on the barChart.</p>
  
  <p><strong>Tried but don't like:</strong></p>
  
  <p>I tried to create a second time dimension and make the calendar select on that. However, this makes the barChart min and max values adjust to that selection The barChart does not cover the full dimension of the time dimension, but only the selected period on the calendar. This is what I'd like to avoid.</p>
  
  <p>How can I simulate exactly the selection on the chart itself?</p>
  
  <p>Thanks a lot.</p>
  
  <p>EDIT: </p>
  
  <p>I tried to understand the suggestions made on the comments.  Let me show you some code.</p>
  
  <p>I have a barChart:</p>
  
  <pre><code>var moveChart    = dc.barChart("#move-chart","chart2"); 
  </code></pre>
  
  <p>which is the one that one brushes on to perform time filters.</p>
  
  <pre><code>moveChart
  .width(700)
  ...
  .dimension(timeDim)
  .group(foo) 
  </code></pre>
  
  <p>Now, lets say I do on the console:</p>
  
  <pre><code>timeDim.filterRange([minTime,maxTime]);
  dc.renderAll("chart2");
  </code></pre>
  
  <p>This makes the other charts reflect the selection, but not the moveChart.  </p>
  
  <p>I also tried to implement Gordon's comment but I'm not I understand it. In the console I can see that moveChart.filters. does not implement any filter like RangedFilter or TwoDimensionalFilter, so I'm not sure how to perform the filter function on the brush.</p>
  
  <p>Thanks.</p>