echart 图例排序

在 ECharts 中，可以使用 `legend` 组件的 `data` 属性来定义图例的内容，同时也可以使用 `legend` 组件的 `formatter` 属性来自定义图例的显示格式。而要对图例进行排序，可以在设置 `data` 属性时，将数据按照需要的顺序排列。

举个例子，如果我们有一个柱状图，其中有三个系列，分别是“系列A”、“系列B”和“系列C”，我们希望将图例按照“系列C”、“系列A”、“系列B”的顺序显示，可以这样设置：

option = {
    // ...
    legend: {
        data: ['系列C', '系列A', '系列B']
    },
    // ...
};

这样设置后，图例就会按照指定的顺序显示。

如果要对图例进行更复杂的排序，可以使用 `formatter` 属性来自定义图例的显示格式。具体来说，可以在 `formatter` 中使用 JavaScript 的排序函数对图例进行排序。例如，如果我们希望将图例按照系列名称的字母顺序排序，可以这样设置：

option = {
    // ...
    legend: {
        data: ['系列A', '系列C', '系列B'],
        formatter: function(name) {
            // 使用 Array.prototype.indexOf 方法获取系列名称在 data 中的位置
            var index = this.option.legend.data.indexOf(name);
            // 返回带有顺序信息的系列名称
            return (index + 1) + '. ' + name;
        }
    },
    // ...
};

这样设置后，图例就会按照系列名称的字母顺序排序，并在每个系列名称前面显示顺序信息。