4

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

flot API 允许按照标签的添加顺序、字母顺序或提供自定义排序功能对标签进行排序。我尝试提供一个始终返回 -1 的排序函数，以便将原始排序反转，但由于某种原因，sorted在使用堆叠条时似乎根本不会评估该选项。至少我在那里尝试过的任何东西（我自己ascending的功能）都没有对实际的传说产生任何影响。descendingfalse

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

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

4

1 回答 1

5

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

通过检查 Fiddle 上的 flot 资源，您似乎也是如此。如果您将 flot js 文件更新为包含排序算法的文件，您的问题可能会像我的一样得到解决。（好吧，我手动修补了，因为我还有其他实验性更改。）

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

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

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

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

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

祝你好运！

于 2012-10-02T06:26:18.147 回答