FusionCharts - Column 2D Chart in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

by sanjuktamukherjee

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>
<!--
    A simple Column 2D chart showing monthly revenue of Harry's SuperMart for last year.
-->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'mscolumn2d',
        renderAt: 'chart-container',
        width: '500',
        height: '300',
        dataFormat: 'xml',
        dataSource: "<chart showValues='0' showBorder='1' bgcolor='FFFFFF' bold='1'  baseFont='Arial' baseFontSize ='11' baseFontColor ='000000'  animation='0' paletteColors='00CCFF,333399,33CC33,FFFF00,FF0000,C3C3C3'  formatPercentScale='0' stack100Percent = '1' canvasbgAlpha='60' divlinecolor='000000'><categories><category Label=' Asia{br}35 Programs{br}2,200 Deliverables' /> <category Label='Europe{br}98 Programs{br}5,331 Deliverables' /> <category Label='North America{br}63 Programs{br}2,898 Deliverables' /> <category Label='South America{br}11 Programs{br}504 Deliverables' /> </categories><dataset seriesName='Closed'><set value='577' tooltext='Asia{br}Closed - 26%{br}577 Deliverables' link=' profile.pmp_lpmp_exec_sponsor?p_region_id=1&p_business_unit_id=7' /> <set value='1242' tooltext='Europe{br}Closed - 23%{br}1,242 Deliverables' link='profile.pmp_lpmp_exec_sponsor?p_region_id=2&p_business_unit_id=7' /> <set value='902' tooltext='North America{br}Closed - 31%{br}902 Deliverables' link='profile.pmp_lpmp_exec_sponsor?p_region_id=3&p_business_unit_id=7' /> <set value='109' tooltext='South America{br}Closed - 22%{br}109 Deliverables' link='profile.pmp_lpmp_exec_sponsor?p_region_id=4&p_business_unit_id=7' /> </dataset><dataset seriesName='Closed Late'><set value='132' tooltext='Asia{br}Closed Late - 6%{br}132 Deliverables' link=' profile.pmp_lpmp_exec_sponsor?p_region_id=1&p_business_unit_id=7' /> <set value='522' tooltext='Europe{br}Closed Late - 10%{br}522 Deliverables' link='profile.pmp_lpmp_exec_sponsor?p_region_id=2&p_business_unit_id=7' /> <set value='153' tooltext='North America{br}Closed Late - 5%{br}153 Deliverables' link='profile.pmp_lpmp_exec_sponsor?p_region_id=3&p_business_unit_id=7' /> <set value='9' tooltext='South America{br}Closed Late...