I have read through the documentation. I've updated my code to using all percent's and it does not render the chart.
<div id="chartContainer" style="width:100%; height:100%;">FusionCharts will load here!</div>
<!-- load view specific JS file -->
<script src="/js/fusioncharts/FusionCharts.js"></script>
<script language="JavaScript">
var myChart = new FusionCharts( "/fusioncharts/Bar2D.swf", "myChartId", "100%", "100%", "0", "1" );
myChart.setJSONData('<?php echo $this->jsonData; ?>');
myChart.render("chartContainer");
</script>
If i change it back to pixels, it works just fine.
<div id="chartContainer" style="width:800px; height:800px;">FusionCharts will load here!</div>
<!-- load view specific JS file -->
<script src="/js/fusioncharts/FusionCharts.js"></script>
<script language="JavaScript">
var myChart = new FusionCharts( "/fusioncharts/Bar2D.swf", "myChartId", "800", "800", "0", "1" );
myChart.setJSONData('<?php echo $this->jsonData; ?>');
myChart.render("chartContainer");
</script>
It shouldn't stop rendering the chart, simply because i'm using a percentage, but it is.