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="main">
<div id="chart-container1">FusionCharts will render here</div>
<div id="chart-container2">FusionCharts will render here</div>
</div>

CSS

#main{
  width:800px;
}
#chart-container1{
  float:left;
}
#chart-container2{
  float:right;
}

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'angulargauge',
        renderAt: 'chart-container1',
        width: '400',
        height: '300',
        dataFormat: 'xml',
        dataSource: '<chart caption="Downstream Bandwidth Usage(kbps)" subcaption="" lowerlimit="0" upperlimit="100"  majorTMNumber="6" showvalue="1" gaugeInnerRadius="0" valuebelowpivot="1" theme="fint"><colorrange><color minvalue="0" maxvalue="50" code="#e44a00" /><color minvalue="50" maxvalue="75" code="#f8bd19" /><color minvalue="75" maxvalue="100" code="#6baa01" /></colorrange><dials><dial value="67" /></dials></chart>'
    })
    .render();
});
FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'angulargauge',
        renderAt: 'chart-container2',
        width: '400',
        height: '300',
        dataFormat: 'xml',
        dataSource: '<chart caption="Upstream Bandwidth Usage(kbps)" subcaption="" lowerlimit="0" majorTMNumber="6" upperlimit="100"   showvalue="1" gaugeInnerRadius="0" valuebelowpivot="1" theme="fint"><colorrange><color minvalue="0" maxvalue="50" code="#e44a00" /><color minvalue="50" maxvalue="75" code="#f8bd19" /><color minvalue="75" maxvalue="100" code="#6baa01" /></colorrange><dials><dial value="67" /></dials></chart>'
    })
    .render();
});