html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create sankey chart

  var chart = anychart.sankey();

​

  // set chart's data

  chart.data(getData()); // eslint-disable-line no-undef

​

  // set curve factor for the flow

  chart.curveFactor(0);

​

  // set chart's palette

  chart.palette([

    '#47659b',

    '#355691',

    '#314f84',

    '#2c4777',

    '#273f6a',

    '#22375d',

    '#1d2f50',

    '#192842',

    '#1d2f50',

    '#22375d',

    '#273f6a',

    '#2c4777',

    '#314f84',

    '#355691',

    '#47659b'

  ]);

​

  // // set nodes width and padding

  chart.nodeWidth(200);

​

  // set node's label font color and weight

  chart.node().normal().labels().fontColor('#fff').fontWeight('bold');

​

  // disable tooltips for thew node

  chart.node().tooltip().enabled(false);

​

  // disable tooltip and label in hovered state for the flow

  chart.flow().tooltip().enabled(false);

  chart.flow().hovered().labels().enabled(false);

​

  // set flow's normal and hovered fill

  chart.flow({

    normal: {

      fill: function () {

        return this.sourceColor + ' ' + 0.3;

      }

    },

    hovered: {

      fill: function () {

        return this.sourceColor + ' ' + 0.9;

      }

    }

  });

​

  // set container id for the chart

  chart.container('container');

​

  // initiate chart drawing

  chart.draw();

});