Highcharts test tool

by Torstein Hønsi

HTML

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

<div style="overflow-y:auto; height: 200px">
    <div id="container"></div>
</div>

CSS

body {
    margin: 20px
}
#container {
    min-width: 300px;
    max-width: 800px;
    height: 300px;
    margin: 1em auto;
}

JavaScript

$('#container').highcharts({
    
    chart: {
        type: 'bar',
        height: 600
    },

    xAxis: {
        type: 'category'
    },

    series: [{
        data: (function () {
            var names = 'Ari,Bjartur,Bogi,Bragi,Dánjal,Dávur,Eli,Emil,Fróði,Hákun,Hanus,Hjalti,Ísakur,' +
                'Johan,Jóhan,Julian,Kristian,Leon,Levi,Magnus,Martin,Mattias,Mikkjal,Nóa,Óli,Pauli,Petur,Rói,Sveinur,Teitur',
                arr = [];
            
            Highcharts.each(names.split(','), function (name) {
                arr.push({
                    name: name,
                    y: Math.round(Math.random() * 100)
                });
            });
            
            return arr;
        }())
    }]

});