title: Why does HighCharts reverse the order of my series?
body: <p>I'm using HighCharts to render a stacked percentage horizontal bar chart, and it works great except HighCharts reverses the order of my series data by default.</p>
  
  <p><a href="http://jsfiddle.net/U8nZ6/" rel="noreferrer">http://jsfiddle.net/U8nZ6/</a></p>
  
  <p>As you can see in the demo, despite $20k being the first row of the data1/data2 array, it's the last chunk of each bar (all the way on the right). I'd like this to be in order, so I tried a couple things:</p>
  
  <p>1) Render the chart with the array <code>.reverse()</code>d. You can enable those lines on the above demo to see that the result of that is that colors don't line up since there are a different number of records in each chart, so this won't work (and shouldn't be the only way to do this, I'm sure)</p>
  
  <p>2) Use <code>xAxis.reversed = true</code>. This puts it in the right order with the colors matching, but then the legend is reversed (100% to 0%) and it animates right-to-left.</p>
  
  <p>Is there another way around this?</p>