JqPlot(JQuery) 排序图例标签

Question

我有一个问题：

是否可以在 Jqplot 中对我的图例标签进行排序？

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

Answer 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，但切换可见/不可见系列实际上会显示或隐藏与排序之前存在的标签相对应的系列。