Highcharts test tool

by Torstein Hønsi

HTML

<script src="http://github.highcharts.com/highcharts.js"></script>
<script src="http://github.highcharts.com/modules/heatmap.js"></script>

<div id="container" style="min-width: 300px; height: 300px; margin: 1em"></div>

JavaScript

$('#container').highcharts({

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    yAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    
    colorAxis: {
        minColor: '#FFFFFF',
        maxColor: '#0000FF',
        min: 0,
        max: 1
    },

    series: [{
        data: (function () {
            var arr = [];
            
            for (var x = 0; x < 12; x++) {
                for (var y = 0; y < 12; y++) {
                    arr.push([x, y, Math.random()]);
                }
            }
            return arr;
            
        }()),
        type: 'heatmap'
    }]

});