Fusion Charts setCurrentRenderer('javascript') issue
fusioncharts, javascript
Solution
Loading data in JavaScript from the FusionCharts website results in cross-domain errors. It is security built-in by the browser itself.
`XMLHttpRequest cannot load http://www.fusioncharts.com/demos/gallery/Data/Col2D1.xml. Origin http://localhost is not allowed by Access-Control-Allow-Origin.`
Try hosting the JavaScript files, Flash files and the XML data on your own local server, and it should work perfectly.
Problem
I have the following HTML code. It is working. ``` <html> <head> <title>My First chart using FusionCharts - Using pure JavaScript</title> <script type="text/javascript" src="http://www.fusioncharts.com/lib/jquery/jquery-1.6.2.min.js"></script> <script language="JavaScript" src="http://www.fusioncharts.com/lib/js/FusionCharts.js"></script> <script language="JavaScript" src="http://www.fusioncharts.com/lib/js/FusionCharts.HC.js"></script> <script language="JavaScript" src="http://www.fusioncharts.com/lib/js/FusionCharts.HC.Charts.js"></script> <script language="JavaScript" src="http://www.fusioncharts.com/lib/js/jquery.min.js"></script> </head> <body> <div id="chartContainer">FusionCharts will load here!</div> <script type="text/javascript"> //FusionCharts.setCurrentRenderer('javascript'); var chartObj = new FusionCharts({ swfUrl: "http://www.fusioncharts.com/demos/gallery/Charts/Column2D.swf", width: "500", height: "300", id: 'sampleChart', dataSource: "http://www.fusioncharts.com/demos/gallery/Data/Col2D1.xml", dataFormat: FusionChartsDataFormats.XMLURL, renderAt: 'chartContainer' }).render(); </script> </body> </html> ``` When I use the `setCurrentRenderer` javascripde mode. It gives me "no data to display". EDIT: example source - http://www.fusioncharts.com/demos/gallery/column-and-bar/chart.asp?id=column2d_1