为什么HighCharts会颠倒我系列的顺序？

Question

我正在使用HighCharts渲染堆叠百分比的水平条形图,除非HighCharts默认反转我的系列数据的顺序,否则它的效果很好.

http://jsfiddle.net/U8nZ6/

正如你在演示中看到的那样,尽管$ 20k是data1/data2数组的第一行,但它是每个bar的最后一个块(一直在右边).我希望这是有序的,所以我尝试了几件事:

1)使用数组.reverse()d 渲染图表.您可以在上面的演示中启用这些行,看看结果是颜色没有排列,因为每个图表中有不同数量的记录,所以这不起作用(并且不应该是唯一的这样做的方式,我敢肯定)

2)使用xAxis.reversed = true.这使得它以正确的顺序与颜色匹配,但随后图例被反转(100%到0%)并且它从右到左动画.

还有另一种方法吗？

Answer 1

好吧，假设没有其他选择，这就是我所采用的方法，以防有人通过谷歌偶然发现这一点：

使用上述选项 2（反转轴），我只需通过格式化程序将标签修改为反转。

就我而言，由于它是百分比（0-100），所以我简单地说：

labels: { formatter: function() { return Math.abs(this.value - 100) } }