如何控制离散图例的显示顺序?

Question

如下图所示，我该如何控制列表型图例的显示顺序：

Answer 1

echarts举例:

 legend: {
    data: [
      {
        name: 'Email',
        // 强制设置图形为圆。
        icon: 'circle',
        // 设置文本为红色
        textStyle: {
          color: 'red'
        }
      },
      {
        name: 'Direct',
        // 强制设置图形为圆。
        icon: 'circle',
        // 设置文本为红色
        textStyle: {
          color: 'red'
        }
      }
    ]
  },

data中的name应该是series中的name, 图例顺序会根据legend中的data顺序渲染:

https://echarts.apache.org/zh/option.html#legend.data
https://echarts.apache.org/examples/zh/editor.html?c=bar-stac...