javascript - JqPlot(JQuery) 排序图例标签

Question

我有一个问题：

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

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

Answer 1

您可以使用类似这样的方法对图例中的行进行排序（灵感来自我如何使用 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，但切换可见/不可见系列实际上将显示或隐藏与排序之前存在的标签相对应的系列。