title: Highcharts dynamically change bar color based on value
body: <p>I am creating a column type graph using json data. Here is the JS function i call to get the data using ajax call and plot the chart.</p>
  
  <pre><code>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 } ]
          });             
      });
  }
  </code></pre>
  
  <p>I want to be able to modify the color of bar for any day if the count is greater than a particular value, say 10.</p>
  
  <p>This is how the json input to the function.</p>
  
  <pre><code>[{"id":3,"dateVal":"2015-11-12","count":6},{"id":2,"dateVal":"2015-11-11","count":8},{"id":1,"dateVal":"2015-11-10","count":5}]
  </code></pre>
  
  <p>Any suggestions how i can do this?</p>