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

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<!-- Multi Series Bar 2D chart showing sales as per two major categories in different stores of Harry's Supermart -->
<div id="chart-container">FusionCharts will render here</div>

CSS

body {
  background-color: #202528;
}

#chart-container {
  background-color: #202528;
}

JavaScript

FusionCharts.ready(function() {
  var revenueChart = new FusionCharts({
    type: 'stackedbar2d',
    renderAt: 'chart-container',
    width: '600',
    height: '500',
    dataFormat: 'json',
    dataSource: 
    {"chart":{"palettecolors":"#00AEEF,#0073C2,#FFB100,#8DC63F,#DC0015","bgcolor":"#202528","bordercolor":"#202528","canvasbgcolor":"#202528","alternatevgridcolor":"#202528","bgalpha":"0","basefontsize":"16","showborder":"0","stack100percent":"1","showvalues":"1","xaxislinethickness":"2","showpercentvalues":"1","showsum":"1","chartrightmargin":"100","decimals":"0","valuefontsize":"12","showpercentintooltip":"1","interactivelegend":"0","showyaxisvalues":"0","numberprefix":" ","basefontcolor":"#FFFFFF","valuefontcolor":"#FFFFFF","showcanvasborder":"0","useplotgradientcolor":"0","plotborderalpha":"0","legendborderalpha":"0","legendshadow":"0","showxaxisline":"1","showyaxisline":"0","xaxislinecolor":"#FFFFFF","divlinecolor":"#202528","divlinedashed":"1","showalternatehgridcolor":"0","subcaptionfontbold":"0","subcaptionfontsize":"14","outcnvbasefontsize":"14","legendbgcolor":"#202528","tooltipcolor":"#ffffff","legendbgalpha":"100","numbersuffix":" k€","showhovereffect":"1","formatnumberscale":"0","thousandseparator":" ","tooltipborderthickness":"0","tooltipbgcolor":"#000000","tooltipbgalpha":"100","tooltipborderradius":"2","tooltippadding":"5","plottooltext":"$label<br>$seriesname - $dataValue","xaxisnamepadding":"15","yaxismaxvalue":8191,"formatNumberScale":"0","numberSuffix":" k€"},"categories":[{"category":[{"label":"item 1"},{"label":"item 2"},{"label":"item 3"},{"label":"item 4"},{"label":"item 5"},{"label":"item 6"},{"label":"item 7"},{"label":"item 8"},{"label":"item 8"},{"label":"item 9"},{"label":"item...