FusionCharts - Gallery Example - Multi-series Bar 3D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by Gagan Sikri

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<!-- Simple implementation of Multi Series Bar 3D chart -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'msbar3d',
        renderAt: 'chart-container',
        width: '450',
        height: '450',
        dataFormat: 'xml',
        dataSource: '<chart caption="Split of Sales by Product Category" subcaption="In top 5 stores last month" yaxisname="Sales (In USD)" numberprefix="$" palettecolors="#0075c2,#1aaf5d" bgcolor="#ffffff" legendborderalpha="0" legendbgalpha="0" legendshadow="0" placevaluesinside="1" valuefontcolor="#ffffff" aligncaptionwithcanvas="1" showhovereffect="1" canvasbgcolor="#ffffff" captionfontsize="14" subcaptionfontsize="14" subcaptionfontbold="0" divlinecolor="#999999" divlineisdashed="1" divlinedashlen="1" divlinegaplen="1" showalternatehgridcolor="0" tooltipcolor="#ffffff" tooltipborderthickness="0" tooltipbgcolor="#000000" tooltipbgalpha="80" tooltipborderradius="2" tooltippadding="5" ><categories><category label="Bakersfield Central" /><category label="Garden Groove harbour" /><category label="Los Angeles Topanga" /><category label="Compton-Rancho Dom" /><category label="Daly City Serramonte" /></categories><dataset seriesname="Food Products"><set value="17000" /><set value="19500" /><set value="12500" /><set value="14500" /><set value="17500" /></dataset><dataset seriesname="Non-Food Products"><set value="25400" /><set value="29800" /><set value="21800" /><set value="19500" /><set value="11500" /></dataset></chart>'
    })
    .render();
});