FusionCharts - Gallery Example - Scroll Column 2D Chart in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

by FusionCharts

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>
<!-- 
    A Scroll Column 2D Chart showing sales trend for last two years.
-->
<div id="container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var topStores = new FusionCharts({
    type: 'scrollmsstackedcolumn2d',
    renderAt: 'container',
    width: '550',
    height: '450',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "theme": "fusion",
        "numVisiblePlot": "5",
        "caption": "Avocado sales among different states",
        "subcaption": "2015-2017",
        "plottooltext": "<b>$seriesName</b><hr>$label: <b>$dataValue</b>",
        "xaxisname": "Quarter",
        "yaxisname": "Sales (In USD)",
      },
      "categories": [{
        "category": [{
            "label": "2015-Q1"
          },
          {
            "label": "2015-Q2"
          },
          {
            "label": "2015-Q3"
          },
          {
            "label": "2015-Q4"
          },
          {
            "label": "2016-Q1"
          },
          {
            "label": "2016-Q2"
          },
          {
            "label": "2016-Q3"
          },
          {
            "label": "2016-Q4"
          },
          {
            "label": "2017-Q1"
          },
          {
            "label": "2017-Q2"
          },
          {
            "label": "2017-Q3"
          },
          {
            "label": "2017-Q4"
          }
        ]
      }],
      "dataset": [{
          "dataset": [{
              "seriesname": "New York",
              "data": [{
                  "value": "510344.4"
                },
                {
                  "value": "825541.86"
                },
                {
                  "value": "1078603.31"
                },
                {
                  "value": "895751.26"
                },
                {
                  "value": "1213115.71"
                },
                {
                  "value": "1207901.26"
                },
                {
                  "value": "1163397.45"
                },
                {
                  "value": "841621.26"
                },
                {
                ...