JqPlot(JQuery)排序图例标签

时间:2013-03-06 13:51:05

标签: javascript jquery sorting jqplot jquery-ui-sortable

我有一个问题:

是否可以在Jqplot中对我的传奇标签进行排序?

legend: {
         show: true,
         placement: 'outsideGrid'
},

1 个答案:

答案 0 :(得分:1)

您可以使用类似的内容对图例中的行进行排序(受How may I sort a list alphabetically using jQuery?启发):

var rows = $('#chart .jqplot-table-legend tr').get();
rows.sort(function(a, b) {
    return $(a).children().last().text().localeCompare($(b).children().last().text());
});

$.each(rows, function(index, item) {
    $('#chart .jqplot-table-legend tbody').append(item);
});

这最适合标准图例渲染器 - 它也适用于EnhancedLegendRenderer,但切换一系列可见/不可见实际上会显示或隐藏与排序之前的标签相对应的系列