Gannt Chart - FC_Rendered not working?

[Seanmcn]

Hi there, 

 

I have a page that dynamically loads between 4-6 Gannt Charts each in a separate DIV etc. This all seems to work as expected however now I'm trying to have a loading image turn on and off based on what the chart is doing. So after some googling around I found out about FC_Rendered(). This worked as expected for my quick demo application, however putting it into the dynamic JS code just does not seem to work at all. 

Breakdown of code:

(Code triggered using on success of a POST (if that matters))

var sc = "uniqueDivID";
var jsonObject = "the data";
var chartWidth = "700";
var chartHeight = "200";

if  ( FusionCharts( "myChartId_"+sc ) )  FusionCharts( "myChartId_"+sc ).dispose();

var myChart = new FusionCharts( { swfUrl: "charts-v3.2/Gantt.swf", id: "myChartId_"+sc, width: chartWidth, height: chartHeight, debugMode: "0", RegisterWithJS: "1"});

myChart.setJSONData(jsonObject);

myChart.render( sc );

FusionCharts.addEventListener("dataloaded", function(eventObj, eventArgs) {
  console.log(eventObj.eventType + " was raised by the chart whose ID is " +eventObj.sender.id);
});

function FC_Rendered(DOMId) {
  alert ( DOMId + " chart has been rendered." );                          
}

I get neither an alert or a log in my console. 

I've also gone through a bunch of EventListeners to see would other ones work and the only one that seems to work for me it the "Initialized" event.

 

I've done a bunch of Googling and have tried the following solutions:
 

• Enabling RegisterWithJS (Still turned on atm)
• Changing my Flash Security Settings
• Changing browser (chrome,firefox)
• It is running using Apache locally. 
• Moving the FC_Rendered function all around the file. (yes I've resorted to pasting and praying)

So I'm really at a loss on how to proceed, any potential "gotchas" I've missed? 

[Nabajeet]

Can you share a sample of your code in forum or else you can mail it to support.