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?
