title: Accessing filtered/clipped data from a dc.js chart
body: <p>I'm new to dc.js.</p>
  
  <p>I have some data:</p>
  
  <pre><code>var data =
  [
          {date: Date.UTC(2015, 4, 4), frame: "frame1" },
          {date: Date.UTC(2015, 2, 1), frame: "frame2" },
          {date: Date.UTC(2015, 2, 11), frame: "frame3" },
          {date: Date.UTC(2015, 1, 4), frame: "frame4" },
  ];
  
  //create crossfilter
      cf = crossfilter(data);
  //create dimension
      byDate = cf.dimension(function (d) {
              return d.date; 
      });
  //create group
      byDateGroup = byDate.group();
  </code></pre>
  
  <p>And I'm working with this <code>dc.lineChart</code>:</p>
  
  <pre><code>    //configure timeGraph
      timeGraph = dc.lineChart("#range")
      .width(document.body.clientWidth)
      .height(100)
      .dimension(byDate)
      .group(byDateGroup)
      .transitionDuration(500)
      .elasticY(true)
      .x(d3.time.scale().domain([(byDate.bottom(1))[0].date, (byDate.top(1))[0].date + 1000]))
      ;
  </code></pre>
  
  <p>And I would like to access the data that is filtered by the adjustable range selector bar. I think passing a function to <code>onfiltered</code> would work, but I don't know what to access from <code>chart</code> in order to return the currently filtered data.</p>
  
  <pre><code>    timeGraph.on("filtered", function (chart) {
       console.log(/* print the data filtered by the 'range selector' */);
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/ckucera3/z68bpfkv/17/">Here's a JSFiddle with an example.</a> If the example were to work correctly, everything being displayed by the table should show up in the console.</p>
  
  <p>Thanks in advance.</p>