Highcharts Demo

author(s): Torstein Hønsi

by anikettiwari

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", "#880000", "#880000", "#AFAFAF"],
        keys: ['color', 'from', 'to', 'weight'],
        data: [
            
            {color: "#BB0000", 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: "#BB0000", from: "Colour Demo", to: "Orange", weight: 10},
            {color: "#0000BB",  from: "Colour Demo", to: "Yellow", weight: 10},
        ],
        type: 'sankey',
        name: 'Sankey demo series'
    }]

});