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/develop/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/develop/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: "Immigrant Flow for Last Month (In Millions)",
        legendPosition: "bottom",
        linkColor: "#FFA817",
        theme: "fusion"
      },
      nodes: [{
          label: "Netherlands"
        },
        {
          label: "Canada"
        },
        {
          label: "Belgium"
        },
        {
          label: "Italy"
        },
        {
          label: "Mexico"
        },
        {
          label: "Russia"
        },
        {
          label: "Spain"
        },
        {
          label: "South Korea"
        },
        {
          label: "Germany"
        },
        {
          label: "China"
        },
        {
          label: "European Union"
        },
        {
          label: "Japan"
        },
        {
          label: "United Kingdom"
        },
        {
          label: "United States"
        },
        {
          label: "France"
        },
        {
          label: "Hong Kong"
        },
        {
          label: "Switzerland"
        },
        {
          label: "Austria"
        },
        {
          label: "Sweden"
        }
      ],
      links: [{
          from: "Netherlands",
          to: "European Union",
          value: 798744
        },
        {
          from: "Germany",
          to: "European Union",
          value: 1468990,
          color: "#ff0000"
        },
        {
          from: "European Union",
          to: "France",
          value: 745931
        },
        {
          from: "European Union",
          to: "United States",
          value: 660541
        },
        {
          from: "Canada",
          to: "United States",
          value: 594546
        },
        {
          from: "Belgium",
          to: "European Union",
          value: 628796
...