title: Extjs Changing color of bars in stacked bar chart
body: <p>let's take <a href="http://dev.sencha.com/deploy/ext-4.0.2/examples/charts/StackedBar.js" rel="nofollow">this example</a>... how to change colors of those bars?</p>
  
  <p>I know I can change it via renderer but it won't change legend.</p>
  
  <p>I have tried to use:</p>
  
  <pre><code>style: {fill: 'red'}
  </code></pre>
  
  <p>but it changes color of ever bar</p>
  
  <p>I have tried to put colors in array, its not working.</p>
  
  <p>I have tried to put each style in array, like this:</p>
  
  <pre><code>style: [{fill: 'red'}, {fill: 'green'}, {fill: 'blue'}]
  </code></pre>
  
  <p>But it won't work either, since I can put titles in array like:</p>
  
  <pre><code>title: ['title1', 'title2', 'title3']
  </code></pre>
  
  <p>I thought it (styles) should work too but not.</p>
  
  <p>So how can I change color of each "data" bar?</p>