Highcharts Demo

author(s): Torstein Hønsi

by niuuin

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: ["#000000",  "#000000",  "#000000", "#000000", "#000000", "#000000"],
        keys: ['color', 'from', 'to', 'weight'],
        data: [
            
            {color: "#000000", from: "Red", to: "Colour Demo", weight: 10},
            {color: "#00BB00", from: "Green", to: "Colour Demo", weight: 4},                       {color: "#0000BB",  from: "Blue", to: "Colour Demo", weight: 6},
            {color: "#ffb238", from: "Colour Demo", to: "Orange", weight: 10},
            {color: "#ffee37",  from: "Colour Demo", to: "Yellow", weight: 10},
        ],
        type: 'sankey',
        name: 'Sankey demo series'
    }]

});