title: DC.js composite chart not updating when filter is applied
body: <p>I am working with DC.js and crossfilter. I am trying to use a composite chart to house a bar chart and a line chart. However, when I apply a filter to the data, the bars and line don't update. If I have the charts as standalone bar/line charts, they do update properly. </p>
  
  <p>Here are the chart properties</p>
  
  <p>Composite Chart</p>
  
  <pre><code>var chartScorecardComposite = dc.compositeChart("#regionMarketChart")
          .width(1002)
          .height(300)
          .margins({top: 30, right: 50, bottom: 50, left: 40})
          .dimension(chartIssuedJobsCountDim)
          .yAxisLabel("Issued on Time %")
          .rightYAxisLabel("Jobs Issued")
          .shareTitle(false)
          .x(d3.time.scale().domain([minDate, maxDate]))
          .y(d3.scale.linear().domain([0, 120]))
          .xUnits(d3.time.months)
          .compose([
              dc.barChart(chartScorecardComposite)
                  .dimension(chartIssuedJobsCountDim)
                  .group(chartIssuedJobsCountGroup)
                  .valueAccessor(function (d) {
                      return d.value.jobCount;
                  })
                  .title(function(d) {
                      return (d.key.getMonth() + 1) + "/" + d.key.getFullYear()
                      + "\n# of Jobs: "
                      + d.value.jobCount;
                  })
                  .renderTitle(true)
                  .centerBar(true)
                  .gap(5)
                  .useRightYAxis(true)
                  .colors(["#79BAEC"]),
              dc.lineChart(chartScorecardComposite)
                  .dimension(chartIssuedJobsCountDim)
                  .group(chartIssuedOnTimeGroup)
                  .valueAccessor(function (d) {
                      return d.value.onTimePercent;
                  })
                  .title(function(d) {
                      return (d.key.getMonth() + 1) + "/" + d.key.getFullYear()
                      + "\n% of Jobs Issued on Time: "
                      + d.value.onTimePercent + "%";
                  })
                  .renderTitle(true)
                  .colors(["#808080"])
          ])
          .elasticY(true)
          .renderHorizontalGridLines(true)
          .brushOn(false)
          .renderlet(function (chart) { // Rotate the x-axis labels 45 degrees
              chart.selectAll("g.x text")
                .attr('dx', '-25')
                .attr('dy', '7')
                .attr('transform', "rotate(-45)");
          })
          .xAxis().ticks(d3.time.months).tickFormat(function(d) {
              return (d.getMonth() + 1) + "/" + d.getFullYear()
          })
  </code></pre>
  
  <p>Bar Chart (commented out when compositeChart is rendered)</p>
  
  <pre><code>var issuedJobsBarChart = dc.barChart("#regionMarketChart")
          .yAxisLabel("Jobs Issued")
          .dimension(chartIssuedJobsCountDim)
          .group(chartIssuedJobsCountGroup)
          .valueAccessor(function (d) {
              return d.value.jobCount;
          })
          .title(function(d) {
              return (d.key.getMonth() + 1) + "/" + d.key.getFullYear()
              + "\n# of Jobs: "
              + d.value.jobCount;
          })
          .renderTitle(true)
          .elasticY(true)
          .elasticX(true)
          .centerBar(true)
          .gap(5)
          .brushOn(false)
          .x(d3.time.scale().domain([minDate, maxDate]))
          .xUnits(d3.time.months)
          .xAxis().tickFormat(function(d) {
              return (d.getMonth() + 1) + "/" + d.getFullYear()
          })
  </code></pre>
  
  <p>Line Chart (commented out when compositeChart is rendered)</p>
  
  <pre><code>var issuedOnTimeLineChart = dc.lineChart(chartScorecardComposite)
          .width(800)
          .height(250)
          .margins({top: 30, right: 25, bottom: 50, left: 40})
          .yAxisLabel("Issued on Time %")
          .renderHorizontalGridLines(true)
          .renderVerticalGridLines(true)
          .dimension(chartIssuedJobsCountDim)
          .group(chartIssuedOnTimeGroup)
          .valueAccessor(function (d) {
              return d.value.onTimePercent;
          })
          .brushOn(false)
          .y(d3.scale.linear().domain([0, 120]))
          .x(d3.time.scale().domain([minDate, maxDate]))
          .xUnits(d3.time.months)
          .xAxis().ticks(d3.time.months).tickFormat(function(d) {
              return (d.getMonth() + 1) + "/" + d.getFullYear()
          })
  </code></pre>
  
  <p>Thanks for the help</p>