[bug]: Tooltip order for stacked bar chart is reversed

[andro-bulj]

Describe the bug

The order of items in the stacked bar chart tooltip are reversed.
In the bar chart you can see light blue is on top and dark blue on bottom, but in the tooltip the orders are reversed.

I made a quick solution by passing optional reverseOrder boolean to ChartTooltipContent component and then reversing the order of payload before it is mapped (reverseOrder ? payload.slice().reverse() : payload).map. But I am not sure if this is the right solution.

Affected component/components

Stacked Bar Chart

How to reproduce

1. Go to https://ui.shadcn.com/charts
2. Hover over a stacked bar chart
3. Items in the tooltip do not represent the order as they are displayed in the chart

Codesandbox/StackBlitz link

No response

Logs

System Info

Google Chrome

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[theVedanta]

Would you have both the legend and the tooltip inverted then?

[shaunpearce]

I ended up just reversing the payload in the chart.jsx:

const reversedPayload = [...payload].reverse()

And then changing:

{reversedPayload.map((item, index) => {