Date in data.columns

Heatmap

by amrutaJgtp

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/maps/modules/map.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

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

JavaScript

Highcharts.chart('container', {

  chart: {
    type: 'heatmap'
  },

  title: {
    text: 'Data input as column arrays'
  },
  colorAxis: {
    stops: [
      [0, '#3060cf'],
      [0.5, '#fffbbc'],
      [0.9, '#c4463a']
    ],
    min: -5
  },


  data: {
    columns: [
      [null, 1, 2, 3, 4, 5],
      [1, 3, 3, 3, 4, 4],
      [2, 4, 3, 3, 4, 3],
      [3, 2, 5, 4, 3, 4],
      [4, 4, 3, 3, 4, 3],
      [5, 4, 3, 4, 3, 2]
    ]
  }
});