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>

CSS

#chart-container {
  background: #fbc7fc;
}

JavaScript

FusionCharts.ready(function() {
  var revenueChart = new FusionCharts({
      type: 'angulargauge',
      renderAt: 'chart-container',
      containerBackgroundOpacity: '0',
      width: '500',
      height: '300',
      dataFormat: 'xml',
      dataSource: '<chart caption="Customer Satisfaction Score" subcaption="Last week" lowerlimit="0" upperlimit="100" lowerlimitdisplay="Bad" upperlimitdisplay="Good" showvalue="1" bgalpha="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();
});