echarts 显示顺序_解决echarts的stack堆积柱状图顺序反的问题

在 Echarts 中，堆积柱状图的顺序可以通过调整数据顺序来实现。默认情况下，数据顺序越靠前的柱子会覆盖在后面的柱子上，因此需要将需要在顶部显示的柱子放在数据顺序的后面。

如果需要通过代码来实现顺序的控制，可以通过设置 `series` 中的 `z` 属性来实现。`z` 值越大的柱子会显示在顶部。例如：

option = {
    series: [
        {
            name: '柱子名称',
            type: 'bar',
            data: [120, 200, 150, 80, 70],
            stack: '堆积',
            z: 3, // 设置 z 值为 3，将柱子显示在顶部
        },
        {
            name: '柱子名称',
            type: 'bar',
            data: [320, 332, 301, 334, 390],
            stack: '堆积',
            z: 2, // 设置 z 值为 2，将柱子显示在中间
        },
        {
            name: '柱子名称',
            type: 'bar',
            data: [220, 182, 191, 234, 290],
            stack: '堆积',
            z: 1, // 设置 z 值为 1，将柱子显示在底部
        },
    ],
};

可以根据需要调整每个柱子的 `z` 值，从而控制柱子的顺序。