flot - 图例条目和堆叠条形图具有相反的顺序

Question

我遇到了另一个小堆积条问题：填充图表时，flot会自上而下添加图例条目并自下而上堆叠条形图。通过这种方式，图例与条形图完全相反。

flot API允许按照添加顺序，按字母顺序或通过提供自定义排序功能对标签进行排序。我已经尝试提供一个总是返回-1的排序函数，这样原来的排序就会被反转但是由于某些原因，使用堆叠条时似乎根本不评估sorted选项。至少我在那里尝试过的任何事情（ascending，descending，false，我自己的功能）都对实际的传奇产生了影响。

我在http://jsfiddle.net/YvGZu/1/汇总了一个用于说明问题的测试用例。

编辑：经过一些更多测试......可能是传说排序一起被打破了吗？

Answer 1

我偶然在几天内遇到了和你一样的问题。经过一段时间的研究，我意识到处理图例排序的commit是最近的（2012年7月）并且没有包含在我使用的jquery.flot.js版本中。

通过检查小提琴上的flot资源，看起来对你来说也是如此。如果您将flot js文件更新为one that includes the sorting algorithm，您的问题可能会像我的一样得到解决。 （好吧，我手动打补丁，因为我有其他实验性的改变。）

我猜你接下来会遇到和我一样的障碍，因为它存在的排序代码只按字母顺序排序，或者只能检查标签文本和颜色代码的比较器。这对我来说还不够好 - 我想分配一个任意排序服务器端。为了实现这一点，我在系列标签中添加了一个隐藏的排序顺序字符串：

label: '<a class="hiddenOrder">2</a>foo'

然后将Flot占位符中的a块设置为隐藏（编辑：还需要应用于工具提示的样式，其中不包含在Flot占位符中）。

#flotPlaceholder a.hiddenOrder, 
#flotTooltip a.hiddenOrder
{display:none;}

我forked your fiddle并且包含了我的订购技巧，所以你可以尝试一下，但不幸的是，看起来我的资源链接到GitHub并不适用于小提琴。不过，你应该能够在本地推动它。

祝你好运！