score:23

Accepted answer

you can use color zones (api) to have different colors based on the value of a column.

an example with values below/above the value 10 having different colors (jsfiddle):

plotoptions: {
    column: {
        zones: [{
            value: 10, // values up to 10 (not including) ...
            color: 'blue' // ... have the color blue.
        },{
            color: 'red' // values from 10 (including) and up have the color red
        }]
    }
}

score:1

plotoptions: {
                column: {
                    zones: [
                        {
                            value: -1, 
                            color: 'red', 
                        },
                        {
                            color: 'green'//default color
                        },
                    ],
                },
            }

score:2

in the parser you can replace that:

$.each(response, function(i, item) {
        categoryseries .push(response[i].dateval);                  
        dataseries.push(response[i].count);             
    });

with

$.each(response, function(i, item) {
    categoryseries.push(response[i].dateval);
    if(response[i].count >= 10) {
        dataseries.push({
        y: response[i].count,
        color: 'red'
      });
    }
    else {
        dataseries.push(response[i].count);
    }
});

or use zones.


Related Query

More Query from same tag