title: Highcharts Columnrange data labels high and low different colors
body: <p>In a basic Highcharts columnrange chart, how do I assign a color (blue) to the low values and a different color (red) to the high values?</p>
  
  <p>The chart I am referring to is this one: <a href="http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/columnrange/" rel="nofollow">http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/columnrange/</a></p>
  
  <p>So for January the '-9.7' should be blue and the '9.4' should be red.</p>
  
  <p>In a different example, I have tried this:</p>
  
  <pre><code>    series: [{
          name: 'Temperatures',
          data: [
             {low: 2, high: 6, color: 'green'},
             {low: 1, high: 9, color: 'yellow'},
             {low: -3, dataLabels: {color: 'red'}, high: 5, color: 'blue'},
             {low: 0, high: 7, color: 'orange'}
          ],
      color: '#b9deea',
      borderColor: '#92cbde',
      borderRadius: 4
      }]
  </code></pre>
  
  <p>But that changes the data label colour for both the low AND high value for the blue column to red.</p>
  
  <p>Thanks in advance.</p>
  
  <p>Baobab</p>