title: How to have a negative colour on an area chart as a gradient?
body: <p>Using highcharts, how can I have a negative colour as a gradient instead of a solid fill?</p>
  
  <p>I tried with the following:</p>
  
  <pre><code>series: [{
      name: 'John',
      data: [5, -3, -4, 7, 2],
      negativeColor: {
          linearGradient: [0, 0, 0, 300],
          stops: [
              [0, 'rgb(255,47,47)'],
              [1, 'rgb(171,0,0)']
          ]
      },
      fillColor: {
          linearGradient: [0, 0, 0, 300],
          stops: [
              [0, 'rgb(0,141,3)'],
              [1, 'rgb(0,255,6)']
          ]
      }
  }]
  </code></pre>
  
  <p>Although, the above code only applies a gradient to the positive values, and a solid fill to the negative values.</p>
  
  <p>How can I achieve this?</p>
  
  <p><strong><a href="http://jsfiddle.net/zr4Ze/" rel="nofollow">WORKING DEMO</a></strong></p>