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.

<http://jsfiddle.net/U8nZ6/>

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:

1) Render the chart with the array `.reverse()`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)

2) Use `xAxis.reversed = true`. 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.

Is there another way around this?