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: "sankey",
    renderAt: "container",
    id: "sankey-chart",
    width: "650",
    height: "420",
    dataFormat: "json",
    dataSource: {
      chart: {
        "caption": "Interconnecting Flights across Countries, 2019",
        "subcaption": "A Horizontal Sankey with options to configure the node attributes",
        "linkAlpha": "30",
        "linkHoverAlpha": "60",
        "nodeLabelPosition": "start",
        "nodeLabelFont": "Arial",
        "nodeLabelFontColor": "#000fff",
        "nodeLabelAlpha": "50",
        "nodeLabelBgColor": "#ff0000",
        "nodeLabelBorderColor": "#000000",
        "nodeLabelFontSize": "13",
        "nodeLabelFontBold": "1",
        "nodeLabelFontItalic": "1",
        "nodeLabelBorderRadius": "5",
        "nodeLabelBorderPadding": "5",
        "nodeLabelBorderDashed": "1",
        "nodeLabelBorderDashLen": "3",
        "nodeLabelBorderDashGap": "2",
        "bgColor": "ffffff",
        "showborder": "0",
        "legendPosition": "bottom",
        "legendBorderColor": "ffffff",
        "inheritLabelColorFromNode": "1"
      },
      nodes: [{
          label: "Brazil",
          nodeWidth: 10
        },
        {
          label: "Canada",
          nodeWidth: 10
        },
        {
          label: "Mexico",
          nodeWidth: 10
        },
        {
          label: "USA",
          nodeWidth: 10
        },
        {
          label: "Portugal",
          nodeWidth: 10
        },
        {
          label: "France",
          nodeWidth: 10
        },
        {
          label: "Spain",
          nodeWidth: 10
        },
        {
          label: "England",
          nodeWidth: 10
        },
        {
          label: "South Africa",
          nodeWidth: 10
        },
        {
          label: "Angola",
          nodeWidth: 10
        },
        {
          label: "Senegal",
          nodeWidth: 10
        },
        {
          label:...