various charts don't fit with auto-height and unsized div

[gordonwoodhull]

When using the feature to automatically determine the chart size (by not setting width/height or setting them to null), and the containing div does not have an absolute size, the size of the pie can be calculated wrong and it gets clipped:

<div id="test"></div>

var chart = dc.pieChart("#test");
  chart
    .slicesCap(4)
    .innerRadius(50)
    .dimension(runDimension)
    .group(speedSumGroup)
    .legend(dc.legend());

This is because the SVG size is based on the div, then the div sizes to the SVG, and then when .height() gets read again in order to set the radius, now the auto-height is a little bigger.

[gordonwoodhull]

Even worse if there's other stuff in the div (like controls)

[gordonwoodhull]

Similarly with the row chart:

<div id="chart-row-spenders">
<p>Some Controls.</p></div>

var spenderRowChart = dc.rowChart("#chart-row-spenders");
spenderRowChart
    .dimension(nameDim)
    .group(spendPerName)
    .elasticX(true);

[gordonwoodhull]

heatmap (data goes to 1985 and x axis should be displayed)

<div id="heatmap"><h1>blah</h1></div>

& no width/height in initialization of heatmap.

[gordonwoodhull]

Solution: only calculate the size once per render. Fixed in 2.0 beta 24.