FusionCharts - Gallery Example - Scroll Sankey Tooltips in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

by FusionCharts

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<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)",
        captionAlignment: "left",
        captionFontColor: "#333333",
        captionFontSize: 18,
        legendPosition: "bottom",
        linkcolor: 'blend',
        orientation: "vertical", //orientation of the chart
        theme: "fusion",
        plotToolText:"$plotfillcolor $label",
        linkToolText: '$from $linkValue to $to'
      },
      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,
          toolText: "From: $from To: $to $linkValue"
        },
        {
          from: "Germany",
          to: "European Union",
          value: 1468990
        },
        {
          from: "European Union",
          to: "France",
          value: 745931
        },
        {
          from:...