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: 'stackedcolumn2dlinedy',
    renderAt: 'container',
    width: '550',
    height: '500',
    dataFormat: 'json',
    dataSource: {
      chart: {
        caption: "Global Robotic Process Automation Market",
        subcaption: "2016 - 2021",
        yaxisname: "Market Size (in $ Millions)",
        syaxisname: "YoY growth in %",
        formatnumberscale: "0",
        numberprefix: "$",
        numbersuffix: "M",
        snumbersuffix: "%",
        showvalues: "0",
        plottooltext: "Market size for $seriesName in $label is <b>$dataValue</b>",
        theme: "fusion"
      },
      categories: [{
        category: [{
            label: "2016"
          },
          {
            label: "2017"
          },
          {
            label: "2018"
          },
          {
            label: "2019"
          },
          {
            label: "2020"
          },
          {
            label: "2021"
          }
        ]
      }],
      dataset: [{
          seriesname: "RPA Software",
          data: [{
              value: "73"
            },
            {
              value: "113"
            },
            {
              value: "153"
            },
            {
              value: "192"
            },
            {
              value: "232"
            },
            {
              value: "272"
            }
          ]
        },
        {
          seriesname: "RPA Services",
          data: [{
              value: "198"
            },
            {
              value: "330"
            },
            {
              value: "476"
            },
            {
              value: "630"
            },
            {
              value: "790"
            },
            {
              value: "952"
            }
          ]
        },
        {
          seriesname: "YoY Growth",
          parentyaxis: "S",
          plottooltext: "$dataValue growth expected in $label",
         ...