html, body, #container {

    width: 100%;

    height: 85%;

    margin: 0;

    padding: 0;

}

​

anychart.onDocumentReady(function () {

​

    // create sankey chart

    var chart = anychart.sankey();

​

 // set title for chart

 // chart.title('ZZZZZZZZZZZZZZZZ');

chart.title('         ');    

​

// tune text

var title = chart.title();

// title text

title.text("  ZZZZZZZ     ");

// set font size

title.fontSize(50);

// underline text

title.fontDecoration("underline");

// set font family

title.fontFamily("Tahoma");  

​

  // set chart's flows curvature

  chart.curveFactor(0.2);

// configure the visual settings of nodes - рамка

chart.node().normal().stroke("#455a64", 0.25);

  // configure the visual settings of flows

  // chart.flow().hovered().stroke("#455a64");

​

  // set node's label position

  chart

    .node()

    .normal()

    .labels()

    .fontSize(18)

    .fontColor('Black')

    .fontFamily('Avenir')

    .fontStyle('normal')

    .useHtml(true)

    .anchor('center-bottom')

    .position('center-top');

​

  // disable tooltips for flows and dropoffs

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

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

  chart.tooltip(false);

​

    // set chart's data

    chart.data(getData());

​

    // set chart's node width

    chart.nodeWidth("70%");

​

    // 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();

​

//  labels.enabled(false);

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

​

});

​

function getData() {

    return [

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

        ['Інтернет 4.0', 'Демократизація знань', 2],

        ['Консультанти', 'Демократизація знань', 1],

        ['Екс-консультанти', 'Демократизація знань', 1.5],

        ['MBA', 'Демократизація знань', 1.5],

        ['Штучний інтелект', 'UBERизація', 1],

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

        ['Консультанти', 'Талант на вимогу', 1],

        ['Консультанти', 'AI як консультант', 1],

        ['Екс-консультанти', 'Талант на вимогу', 1],

        ['MBA', 'Талант на вимогу', 1],

        ['Техногіганти та стартапи', 'Цифровізація інструментів консалтингу', 1],

​

        ['Інтернет речей', 'Цифровізація інструментів консалтингу', 2],

        ['Техногіганти та стартапи', 'AI як консультант', 1],

        ['Штучний інтелект', 'AI як консультант', 1],

        ['Штучний інтелект', 'Цифровізація інструментів консалтингу', 1],

        ['Великі дані', 'AI як консультант', 1],

        ['Великі дані', 'Цифровізація інструментів консалтингу', 1],

        ['Роботизація та автоматизація', 'AI як консультант', 1],

        ['Роботизація та автоматизація', 'Цифровізація інструментів консалтингу', 1],

        ['Електронна комерція', 'UBERизація', 2],

        ['Віртуальна та доповнена реальність', 'Цифровізація інструментів консалтингу', 2],

​

//          ['Штучний інтелект', 'Штучниий інтелект та людина', 1],

//          ['Замовники', 'Штучниий інтелект та людина', 1],

//          ['Консультанти', 'Штучниий інтелект та людина', 1],

​

​

        ['Замовники', 'Комодизація послуг', 2],

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

​

​

        ['Замовники', 'Модель підписки', 1],

        ['Консультанти', 'Модель підписки', 1],

        ['Техногіганти та стартапи', 'Модель підписки', 1],

​

​

​

​

​

​

​

​

​

​

​

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

        ['Демократизація знань', 'Класичні консультанти', 0.8],

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

        ['Демократизація знань', 'Маркетплейси експертів', 0.8],

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

        ['Демократизація знань', 'Адаптивні консультанти', 0.8],

        ['Демократизація знань', 'Цифрові консультанти', 0.8],

​

​

​

​

​

​

​

​

​

​

        ['Консультанти', 'Цифровізація інструментів консалтингу', 1],

        ['Замовники', 'Талант на вимогу', 1],

​

​

​

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

        ['Цифровізація інструментів консалтингу', 'Адаптивні консультанти', 4.5],

//      ['Штучниий інтелект та людина', 'Адаптивні консультанти', 1],

//      ['Штучниий інтелект та людина', 'Цифрові консультанти', 1],

        ['Модель підписки', 'Адаптивні консультанти', 1.5],

        ['Модель підписки', 'Цифрові консультанти', 1.5],

​

​

​

​

        ['AI як консультант', 'Цифрові консультанти', 5],

​

​

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

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

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

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

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

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

​

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

        ['Талант на вимогу', 'Маркетплейси експертів', 2],

​

        ['Адаптивні консультанти', 'Адаптивна модель консалтингу', 6.8],      

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

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

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

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

​

​

​

        ['Цифрові консультанти', 'Цифрова модель консалтингу', 7.3],

​

//          ['Адаптивна модель консалтингу', 'Конкурентна', 1],

//          ['Адаптивна модель консалтингу', 'Зростання долі ринку', 1],

//          ['Адаптивна модель консалтингу', 'Нижча ціна послуг', 1],

​

​

​

//        ['Класична модель консалтингу', 'Не конкурентна', 2.5],

//        ['Класична модель консалтингу', 'Падіння долі ринку', 1],

//        ['Класична модель консалтингу', 'Вища ціна послуг', 1.5],

//        ['Класична модель консалтингу', 'Вища ціна послуг', 1.5],

​

​

//      ['M2M модель консалтингу', 'Переділ ринку консалтингу', 2],

​

​

​

​

​

    ]

}