如何在flot图表中对y轴字符串值进行排序

时间:2014-09-16 16:45:37

标签: json charts flot

我想在flot图表中按asc / desc排序y轴字符串值。我正在使用jquery.flot.categories.js来显示它。

任何帮助都会非常感激......

1 个答案:

答案 0 :(得分:2)

我的第一个建议是不要使用类别插件。使用ticks的基本flot选项(docs here)可以轻松复制它的行为。设置此选项是插件所做的所有类别。

然后,如果您想要使用轴来切换如何创建刻度:

var ascTicks = [[0,'A'],[1,'B'],[2,'C']];
var desTicks = [[0,'C'],[1,'B'],[2,'A']];

然后,您可以编写实用程序函数,将类别转换为已排序的刻度:

var categories = ['A','B','C'];
function createTicks(isReverse){
    categories.sort();
    if (isReverse){
       categories.reverse();
    }
    var ticks = [];
    $.each(categories, function(i,j){
       ticks.push([i,j]);
    });
    return ticks;
}

在选项中使用此选项:

yaxis:{
    ticks: createTicks(false)
}

Here's an example您可以在其中切换刻度线的排序。