我遇到了另一个小的堆叠条问题:填充绘图时,flot 自上而下添加图例条目并将条条自下而上堆叠。这样,图例的顺序与条形图完全相反。
flot API 允许按照标签的添加顺序、字母顺序或提供自定义排序功能对标签进行排序。我试过提供一个总是返回-1的排序函数,这样原来的排序就会被颠倒,但由于某种原因,sorted
使用堆叠条时似乎根本不评估选项。至少我在那里尝试过的任何东西(ascending
,descending
,false
,我自己的功能)对实际传说没有任何影响。
我在 http://jsfiddle.net/YvGZu/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 中不起作用。不过,您应该能够让它在本地滚动。
祝你好运!
关于flot - 图例条目和堆积条的顺序相反,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12640909/