html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

​

anychart.onDocumentReady(function () {

​

    // create sankey chart

    var chart = anychart.sankey();

  // set title for chart

  chart.title('Вплив технологій на ринок консалтингу'); 

  // set chart's flows curvature

  chart.curveFactor(0.2);

  // set node's label position

  chart

    .node()

    .normal()

    .labels()

    .anchor('center-bottom')

    .position('center-top');

​

  // disable tooltips for flows and dropoffs

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

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

    // set chart's data

    chart.data(getData());

​

    // set chart's node width

    chart.nodeWidth(150);

​

    // set chart's node padding

    chart.nodePadding(30);

​

    // set tooltips position for node

    chart.node().tooltip().anchor('center-bottom');

    // Set flow's normal and hovered fill

    chart.flow({

        normal: {

            fill: function () {

                return anychart.color.lighten(this.sourceColor, .5) + ' ' + .3

            },

        },

        hovered: {

            fill: function () {

                return this.sourceColor + ' ' + .9

            },

        }

    });

​

    // set container id for the chart

    chart.container('container');

​

    // initiate chart drawing

    chart.draw();

});

​

function getData() {

    return [

        ['Інтернет', 'UBERизація', 1],

        ['Інтернет', 'Комодизація послуг', 1],

        ['Хмарні обчислення', 'UBERизація', 1],

        ['Талант на вимогу', 'Ринок фрілансу', 1],

        ['MBA', 'Ринок фрілансу', 1],

        ['Екс-консультанти', 'Ринок фрілансу', 1],

        ['UBERизація', 'Навчальні маркетплейси', 1],

        ['UBERизація', 'Маркетплейси експертів', 1],

        ['Ринок фрілансу', 'Навчальні маркетплейси', 1],

        ['Ринок фрілансу', 'Маркетплейси експертів', 1],

​

        ['UBERизація', 'Маркетплейси консалтингових послуг', 1],

        ['Маркетплейси консалтингових послуг', 'Гібридна модель консалтингу', 1],

        ['Гібридна модель консалтингу', 'Зростання конкуренції', 0.5],

        ['Гібридна модель консалтингу', 'Зростання ринку', 0.5],

        ['Гібридна модель консалтингу', 'Доступність послуг', 0.5],

​

​

        ['Навчальні маркетплейси', 'Класична модель консалтингу', 1],

        ['Маркетплейси експертів', 'Класична модель консалтингу', 1],

        ['Класична модель консалтингу', 'Зростання конкуренції', 0.5],

        ['Класична модель консалтингу', 'Зростання ринку', 0.5],

        ['Класична модель консалтингу', 'Доступність послуг', 0.5],

​

        ['Комодизація послуг', 'Доступність послуг', 1],

​

​

​

​

​

​

    ]

}