Ich erstelle ein Säulentyp-Diagramm mit JSON-Daten. Hier ist die JS-Funktion, die ich aufrufe, um die Daten mithilfe von Ajax-Aufrufen abzurufen und das Diagramm zu zeichnen.

function getChart(){
    var categorySeries = [];
    var dataSeries = [];            
    var url = "CallToControllerURL";

    $.getJSON(url, function(response) {             
        $.each(response, function(i, item) {
            categorySeries .push(response[i].dateVal);                  
            dataSeries.push(response[i].count);             
        });

        $('#chartDiv').highcharts({
            chart : {type : 'column'},
            title : {text : 'Date vs Count'},
            xAxis : {categories : categorySeries, crosshair : true},
            yAxis : {allowDecimals: false, min : 0, title : { text : 'Count'}},
            plotOptions : { column : {  pointPadding : 0.2, borderWidth : 0,    allowPointSelect: true  } },
            series : [ {name : 'Nbr of Records',data : dataSeries } ]
        });             
    });
}

Ich möchte die Farbe des Balkens für einen beliebigen Tag ändern können, wenn die Anzahl einen bestimmten Wert überschreitet, z. B. 10.

Dies ist, wie der JSON-Eingang in die Funktion.

[{"id":3,"dateVal":"2015-11-12","count":6},{"id":2,"dateVal":"2015-11-11","count":8},{"id":1,"dateVal":"2015-11-10","count":5}]

Irgendwelche Vorschläge, wie ich das machen kann?