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

Question

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

flot API允许按照添加顺序,按字母顺序或通过提供自定义排序功能对标签进行排序.我已经尝试提供一个总是返回-1的排序函数,这样原来的排序就会反转但是由于某种原因,sorted当使用堆叠条时,似乎根本没有评估该选项.至少没有我想有(ascending,descending,false,我自己的功能)对实际传奇任何影响.

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

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

Answer 1

我偶然在几天内遇到了和你一样的问题.经过一些脱毛之后,我意识到处理传奇排序的提交是最近的(2012年7月),并且没有包含在我使用的jquery.flot.js版本中.

通过检查您的小提琴上的flot资源,看起来对您来说也是如此.如果您将flot js文件更新为包含排序算法的文件,那么您的问题可能会像我的那样得到解决.(好吧,我手动打补丁,因为我有其他的实验性变化.)

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

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

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

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

我分叉你的小提琴,并包括我的订购技术,所以你可以尝试一下,但不幸的是,看起来我的GitHub的资源链接不适合小提琴.不过,你应该能够让它在本地滚动.

祝好运!