Highcharts Demo

author(s): Torstein Hønsi

by WoJWoJ

HTML

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

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

CSS

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

#csv {
	display: none;
}

JavaScript

Highcharts.chart('container', {

    title: {
        text: null
    },
    series: [{
        keys: ['from', 'to', 'weight'],
        data: [
            ["Connected Devices<br>11413", "3DS Registered<br>7325 = 60%", 7325],
            ["Connected Devices<br>11413", "Personal<br>4088 = 40%", 4088],
            ["3DS Registered<br>7325 = 60%", "Corporate<br>5822 = 80%", 5822],
            ["3DS Registered<br>7325 = 60%", "BYOD<br>1503 = 20%", 1503],
            ["Corporate<br>5822 = 80%", "IOS<br>5978 = 75%", 5181],
            ["Corporate<br>5822 = 80%", "Android<br>1376 = 25%", 640],
            ["BYOD<br>1503 = 20%", "IOS<br>5978 = 75%", 797],
            ["BYOD<br>1503 = 20%", "Android<br>1376 = 25%", 706],
        ],
        type: 'sankey',
        name: 'Sankey demo series'
    }]

});