flot - 图例条目和堆积条的顺序相反

Question

我遇到了另一个小的堆叠条问题:填充绘图时，flot 自上而下添加图例条目并将条条自下而上堆叠。这样，图例的顺序与条形图完全相反。

flot API 允许按照标签的添加顺序、字母顺序或提供自定义排序功能对标签进行排序。我试过提供一个总是返回-1的排序函数，这样原来的排序就会被颠倒，但由于某种原因，sorted使用堆叠条时似乎根本不评估选项。至少我在那里尝试过的任何东西(ascending，descending，false，我自己的功能)对实际传说没有任何影响。

我在 http://jsfiddle.net/YvGZu/1/ 上整理了一个测试用例说明问题。

编辑:经过更多测试......难道传说排序被一起破坏了吗？

Answer 1

巧合的是，我在几天内遇到了与您相同的问题。经过一番推敲，我意识到 commit处理图例排序是最近的(2012 年 7 月)，并且不包含在我使用的 jquery.flot.js 版本中。

通过检查 Fiddle 上的 flot 资源，您似乎也是如此。如果您将 flot js 文件更新为 one that includes the sorting algorithm ，您的问题可能会像我的一样得到解决。 (好吧，我手动修补了，因为我还有其他实验性更改。)

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

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

然后为那些 a 设置样式Flot 占位符中的 block 隐藏(编辑:还需要将样式应用于工具提示，它们是 而不是 包含在 Flot 占位符中)。

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

我 forked your fiddle并包含了我的排序技术，以便您可以尝试一下，但不幸的是，看起来我到 GitHub 的资源链接在 fiddle 中不起作用。不过，您应该能够让它在本地滚动。

祝你好运!