title: Styling bar colors in Highcharts with a gradient issue
body: <p>I'm trying to color the bars in highcharts with a gradient. What I have is coloring them, but the problem is, the gradient is spreading through the other data groups rather than each individual bar, here's an example of what I mean:</p>
  
  <p><img src="https://i.stack.imgur.com/14QSa.png" alt="enter image description here"></p>
  
  <p>If you notice, the gradient is being spread between the bars, rather than creating a new one for each.</p>
  
  <p>To gradient them, I'm using: </p>
  
  <pre><code>colors: [
          {
          linearGradient: [500, 0],
          stops: [
              [0, 'rgb(247, 111, 111)'],
              [1, 'rgb(220, 54, 54)']
          ]
      }, 
          {
          linearGradient: [500, 0],
          stops: [
              [0, 'rgb(120, 202, 248)'],
              [1, 'rgb(46, 150, 208)']
          ]
      }, 
      {
          linearGradient: [500, 0],
          stops: [
              [0, 'rgb(136, 219, 5)'],
              [1, 'rgb(112, 180, 5)']
          ]
      },],
  </code></pre>