FusionCharts - Using XML as data format

Created using FusionCharts Suite XT - www.fusioncharts.com

by Ayan Bhadury

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>

<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'bar3d',
        renderAt: 'chart-container',
        width: '500',
        height: '300',
        dataFormat: 'xml',
        dataSource: '<chart xaxisname="Area Name" yaxisname="Total" canvasbgalpha="0" bgImage="http://upload.wikimedia.org/wikipedia/commons/7/79/Misc_fruit.jpg" theme="fint">\
    <set label="Birmingham and North midlands" value="420000" />\
    <set label="Carlisle and North West" value="810000" />\
    <set label="Edinburgh and Southeast" value="720000" />\
    <set label="Glasgow and SouthWest" value="550000" />\
    <set label="Manchester and Liverpool" value="910000" />\
		<set label="South Midlands" value="730000" />\
</chart>'
    })
    .render();
});