FusionCharts - Gallery Example - Bar 2D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
  var myChart = new FusionCharts({
        type: 'mscombidy2d',
        renderAt: 'chart-container',
        width: '500',
        height: '400',
    dataFormat: "xml",
    dataSource: "<chart caption='Toronto, ON' invertYAxis='1' subcaption='Average price' yAxisName='' numberprefix='' bgcolor='#FFFFFF' bgImage='' showvalues='0' showAlternateHGridColor='1' placevaluesInside='0' labeldisplay='WRAP' adjustDiv='0' numDivLines='22' yAxisValuesStep='2' divlinecolor='#CCCCCC' divlineThickness='2' divlinealpha='100' showAlternateVGridColor='0' numVDivlines='10' adjustVDiv='0' vDivlineColor='#CCCCCC' vDivlineAlpha='100' useroundedges='0' pYAxisMaxValue ='672000' pYAxisMinValue ='519999' showcanvasbg='0' canvasPadding='20' canvasborderthickness='1' animation='1' palettecolors='#e44a00' showLegend='0' rotatevalues='' bgImageVAlign='middle' bgImageHAlign='middle' plotGradientColor='' use3DLighting='0' labelStep='0' labelPadding='20' labelFontBold='1' yAxisValuesPadding='10' showYAxisValues='1' showDivLineSecondaryValue='0' showSecondaryLimits='0' numVisibleLabels='12' tooltipcolor='#FFFFFF' tooltipbordercolor='#FFFFFF' tooltipbgcolor='#000000' tooltipbgalpha='80' forceYAxisValueDecimals='1' yAxisValueDecimals='0' showborder='0' lineThickness='6' showZeroPlaneValue='0'> <annotations> <annotationgroup id='branding' x='$canvasStartX' y='$canvasStartY'> <annotation id='label' type='Image' url='images/ims_chartlogo.jpg' y='0' x='0'/> <annotation id='label' text='Prepared by Ahmad Bhatti' fillcolor='#000000' family='Arial' type='text' x='110' y='9'/> </annotationgroup> <annotationgroup id='GAvPriceBX' x='$captionStartX + 420' y='$captionStartY'> <annotation type='text' text='R.O.I. +11.3%' fillcolor='#000000' x='15' y='12'/> <annotation type='text' text='Return on Investment' fillcolor='#000000' x='14' y='30'/> </annotationgroup> </annotations> <styles> <definition> <style name='TitleStyle' type='font' font='Arial' size='24' color='#007000'...