🧐[How to sort stacked bar]

Is there a way of sorting stacked bar ?

Let’s say I have the following configuration:

const config = {
    data: [
        {
            x: 40,
            y: "foo",
            color: "yellow"
        },
        {
            x: 2,
            y: "foo",
            color: "red"
        },
        {
            x: 40,
            y: "bar",
            color: "yellow"
        }
    ],
    isStack: true,
    xField: 'x',
    yField: 'y',
    seriesField: 'color',
    color: (_ref: any) => _ref.color
};

I get this chart:

How can I get the red bar at the left ?

If I use .reverse(), I succeed to get the red bar at the left, but bar gets displayed before foo, which is not what I want

If I use .reverse() and I reorder the inputed data (bar before foo), I get the same result as the first screenshot.

Any solution ?

Thanks for your help.

[Lechevallier]

The second method is giving me the expected result, thanks!

So if I understand well, it is not only about adjusting data order, but as well about altering data array to make sure each y (foo & bar) has every kind of series (“yellow” & “red”), even if there is nothing to display (x: 0).

It could be good to write it somewhere in the documentation, or better, handle the case each y do not have every kind of series.

[lxfu1]