<HTML> <HEAD> <TITLE>FusionCharts & JavaScript - Basic Example</TITLE> <style type="text/css"> <!-- body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } --> </style> <SCRIPT LANGUAGE="Javascript" src="FusionCharts.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript"> //FC_Rendered method is called whenever a FusionCharts chart on the page //has finished initial rendering. To this function, the chart passes its //own DOM Id. function FC_Rendered(DOMId){ //If it's our required chart if (DOMId=="chart1Id"){ //Simply alert ///window.alert("Look Ma! I am Column3D and I've finished loading and rendering."); return; } } </SCRIPT> </HEAD> <BODY> <CENTER> <h2>FusionCharts and JavaScript - Basic Example</h2> <div id="chart1div"> FusionCharts </div> <script language="JavaScript"> var chart1 = new FusionCharts("Column2D.swf", "chart1Id", "400", "300", "0", "1"); chart1.setDataXML("<chart><set label='A' value='10' /><set label='B' value='11' /><set label='C' value='30' /></chart>"); chart1.render("chart1div"); </script> <BR> </CENTER> </BODY> </HTML>