Heat map

author(s): Torstein Hønsi

by amrutaJgtp

HTML

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

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

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'heatmap',
    plotBorderWidth: 1
  },
  xAxis: {
    type: 'category'
  },
  yAxis: {
    type: 'category'
  },
  colorAxis: {
    minColor: '#cafade',
    maxColor: '#176e3a'
  },
  plotOptions: {
    series: {
      marker: {
        symbol: 'circle'
      }
    }
  },
  series: [{
    /*colsize: 0.25,
    rowsize: 0.25,*/
    data: [
      [0, 0, 10],
      [1, 0, 92],
      [2, 0, 35]
    ]
  }, {
    /*
    colsize: 0.5,
    rowsize: 0.5,*/
    data: [
      [0, 1, 19],
      [1, 1, 58],
      [2, 1, 15]
    ]
  }, {
    /*colsize: 1,
    rowsize: 1,*/
    data: [
      [0, 2, 8],
      [1, 2, 78],
      [2, 2, 123]
    ]
  }]
});