How To Combine Highcharts (heatmap) And Table (mapping Each Table Row With Heatmap Row)?

I am generating heatmap but at the same time I have one table which has corresponding information for each row in heatmap so I want to keep both side by side. Below is sample link

Solution 1:

You can use use multiple yAxis (per each col) with enabled ticks / lineWidth params.

yAxis: [{
        categories: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
        title:null
    },{
          linkedTo:0,
        tickLength:100,
        tickWidth:2,
        opposite:true,
        title:null,
         lineWidth:2,
        categories: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
    },{
          linkedTo:0,
        tickLength:100,
        tickWidth:2,
        opposite:true,
        title:null,
        lineWidth:2,
        categories: ['Smith', 'Jackson', 'Doe', 'Doe', 'Doe'],
    },{
          linkedTo:0,
        gridLineWidth:2,
        tickLength:100,
        tickWidth:2,
        opposite:true,
        title:null,
         lineWidth:2,
        categories: ['10', '20', '40', '59', '23'],
    }],

Example: - http://jsfiddle.net/0qmt0mkq/