Highcharts Demo

author(s): Torstein Hønsi

by Muzaffar Rasulov

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/sankey.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container"></div>

CSS

#container {
    min-width: 300px;
    max-width: 800px;
    height: 400px;
    margin: 1em auto;
    border: 1px solid silver;
}

#csv {
	display: none;
}

JavaScript

Highcharts.chart('container', {

    title: {
        text: 'Highcharts Sankey Diagram - Colour Demo'
    },

    series: [{
    		colors: ["#880000",  "#AFAFAF",  "#008800", "#000088","#008800", "#000088", "#880000"],
        keys: ['color', 'from', 'to', 'weight'],
        data: [
            
            {color: "#880000", from: "B", to: "A", weight: 20},
            {color: "#008800", from: "C", to: "A", weight: 10},                       						{color: "#000088",  from: "D", to: "A", weight: 6},
            {color: "#008800", from: "A", to: "C ", weight: 30},
            {color: "#000088",  from: "A", to: "D ", weight: 4},
            {color: "#880000",  from: "A", to: "B ", weight: 2},
        ],
        type: 'sankey',
        name: 'Sankey demo series'
    }]

});