Percent Width/height

[Percent Width/height]

This change atleast makes the page render. however it does not accomplish what i'm trying to do. I need the page height to be 100% so that i don't have to worry about data overlapping on large charts.

[Percent Width/height]

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.

[Percent Width/height]

<div id="chartContainer" 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", "800", "100%", "0", "1" );

myChart.setJSONData('<?php echo $this->jsonData; ?>');

myChart.render("chartContainer");

</script>

 

 

I've tried setting the height using precentage, and it stops rendering the chart. If i leave it at say 400, it works just fine.

 

Why does my chart stop rendering when using the % ?

[Error Calling Setjsondata()]

Downloading the new file helped.

 

Thanks!

[Error Calling Setjsondata()]

I'm getting the following error

 

myChart.setJSONData is not a function

 

 

I've looked in the FusionCharts.js and can not find this function.

 

I don't know if it's because we have an older version than the Fusion Chart v3.

 

So i downloaded the FusionChart Evaluation, looked through all of the files of the download and can not find a setJSONData function.

 

Why can i not find this function? Am I looking in the wrong place?