FusionCharts - Gallery Example - 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>
<!-- Simple implementation of the Bar 2D chart -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {

            var ch = new FusionCharts({
              type: 'StackedColumn2D',
              width: '450',
              height: '400',
              dataFormat: 'json',
              renderAt: 'chart-container',
              dataSource: {
                chart: {
                  caption: 'Stacked Chart',
                  subCaption: 'Subtitle: Optional here',
                  xAxisname: 'X-Axis Label',
                  yAxisName: 'Y-Axis Label',
                  theme: 'marvin'
                },
                categories: [
                  {
                    category: [
                      {label: 'Jan'},
                      {label: 'Feb'},
                      {label: 'Mar'},
                      {label: 'Apr'},
                      {label: 'May'},
                      {label: 'Jun'}
                    ]
                  }
                ],
                dataset: [
                  {
                    seriesname: 'Legend 1',
                    data: [
                      {value: 500},
                      {value: 400},
                      {value: 300},
                      {value: 400},
                      {value: 900},
                      {value: 550}
                    ]
                  },
                  {
                    seriesname: 'Legend 2',
                    data: [
                      {value: 950},
                      {value: 700},
                      {value: 550},
                      {value: 400},
                      {value: 300},
                      {value: 650}
                    ]
                  },
                  {
                    seriesname: 'Legend 3',
                    data: [
                      {value: 600},
                      {value: 400},
                      {value: 800},
                      {value: 400},
                      {value: 550},
                      {value: 300}
                    ]
                  }
        ...