Menu
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
843
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.
149
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
