• Content count

  • Joined

  • Last visited

Everything posted by Seanmcn

  1. 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 "; }); 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?