Highcharts test tool

HTML

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

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

CSS

#container {
    min-width: 300px;
    max-width: 800px;
    height: 400px;
    margin: 1em auto;
}

JavaScript

$(function () {

    $('#container').highcharts({
        
        chart: {
            type: 'heatmap',
            marginTop: 40,
            marginBottom: 40,
            plotBackgroundColor: 'none',
            events:{
                load:function() {
                    var points = this.series[0].data,
                        lenY = this.yAxis[0].tickPositions.length - 1,
                        lenX = this.xAxis[0].tickPositions.length - 1,
                        x = lenX,
                        tmpX = 0,
                        y = 0,
                        j = 0;
                    
                    $.each(points, function(i, p){
                        
                        if(p.x == 0 || p.y == 0) {
                            p.update({
                                color: 'red'
                            },false);
                        } else if(p.x > 0 && p.y > 0 && (p.y == x  || (p.y + 1) == x)) {
                            p.update({
                                color: 'green'
                            },false);
                            
                            if(p.y == x)
                                x--;
                            
                        } else if(p.x > 1 && p.y > 0 && p.y > x) {
                            p.update({
                                color: 'orange'
                            },false);
                        } else if(p.x > 0 && p.y > 0 && x > 2) {
                             p.update({
                                color: 'yellow'
                            },false);
                        }
                        
                    });
                    
                    this.isDirty = true;
                    this.redraw();
                }
            }
        },


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

        xAxis: {
            categories: ['A', 'B', 'C', 'D', 'E']
        },

        yAxis: {
           ...