enable control of rendering order in stacked area charts (line colors)

I am plotting a stacked area chart showing (positive y side) power consumption "from grid" (red) and "from solar" (orange) - in this order. Note that on the left-hand side of the chart, (non-zero red and zero orange), the red area is has an orange outline. While it is reasonable, taking into account that red area is rendered before orange, it is not visually appealing and can be confusing to the user.

A preferred solution would be to somehow render the chart top-down (I do realize that both the stacking mechanism and tonexty fill currently depend on a bottom-up rendering order). In the example above, that would allow red outlines to be rendered last, covering zero areas above them.

I am using Plotly Graph Card for Home Assistant, so I do not have a JS code to include. I can provide source YAML code if that helps.

首先使用链接的 Plotly Graph Card 上下文以及在提供时的 source YAML，复现截图中的堆叠面积图。先阅读堆叠面积的渲染方式和 tonexty 填充行为；完成的标准是具备可控制的渲染顺序，在不破坏堆叠的情况下改善零面积区域的轮廓。