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/heatmap.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>


<div id="container" style="height: 400px; min-width: 310px; max-width: 800px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {

    chart: {
        type: 'heatmap',
        marginTop: 40,
        marginBottom: 80,
        plotBorderWidth: 1
    },


    title: {
        text: 'Sales per employee per weekday'
    },

    xAxis: {
        categories:['127.0.0.1', '10.20.3.253', '10.70.0.253', '10.81.152.64', '10.233.82.26', '10.130.16.61', '93.93.130.104', '10.71.3.72', '10.233.82.23', '10.233.81.63', '10.233.81.65', '10.70.1.11', '10.81.101.76', '10.233.81.68', '10.112.0.65', '10.233.82.10', '10.20.10.131', '10.242.135.194', '10.233.81.62', '10.233.81.33', '91.103.43.116', '93.93.135.188', '93.93.128.211', '10.233.81.34', '10.35.24.182', '10.91.66.84', '10.233.87.9', '10.112.0.14', '10.233.81.69', '10.233.82.34', '10.35.40.177', '10.233.82.39', '10.106.250.109', '10.233.81.132', '10.233.81.50', '10.10.91.0', '10.233.81.48', '10.20.240.33', '10.239.169.31', '10.40.0.23', '10.233.81.96', '0.0.0.0', '10.233.81.98', '93.93.128.230', '93.93.130.39', '10.89.7.200', '10.233.81.37', '10.112.0.58', '10.233.81.79', '10.34.243.54', '10.233.81.30', '10.118.68.72', '10.81.152.135', '10.233.81.57', '10.91.72.93', '10.233.81.27', '10.233.81.75', '10.20.15.19', '10.20.3.17', '192.168.0.10', '10.233.81.71', '46.235.227.11', '5.196.160.139', '10.233.82.38', '10.233.81.55', '10.34.242.247', '10.242.132.1', '10.118.68.124', '10.130.16.43', '10.70.2.4', '10.20.3.62', '10.233.85.45', '10.236.81.5', '10.233.82.47', '10.233.82.28', '10.89.7.117', '10.233.85.38', '10.233.81.83', '10.233.81.29', '10.233.81.77', '10.233.82.29', '10.233.81.21', '10.90.241.211', '169.254.28.11', '10.91.72.147', '10.233.84.67', '10.106.15.168', '10.89.113.137', '10.233.82.55', '37.187.104.44', '10.6.75.100', '10.233.82.27', '93.93.130.214', '10.233.80.3', '192.168.172.98', '10.112.41.5', '10.20.3.47', '10.233.86.10', '10.233.81.92', '10.89.57.148']


    },

    yAxis: {
        categories: ['10.233.86.12', '10.233.84.72', '10.2.0.71', '10.90.13.175', '10.233.84.57', '10.91.66.24', '255.255.255.255',...