How to get bar chart in front of stacked area charts in sub_plots for python?

📊 Plotly Python
1

I have see code that nicely places bar charts infront of area charts using overlaying. But how can I create this in a sub_plot scenario?

2

Specifically I try to move the Scatter area behind the bars in this sub_plot:

from plotly.subplots import make_subplots
import plotly.graph_objects as go

fig = make_subplots(rows=1, cols=2)

fig.add_trace(
go.Scatter(x=[1, 2, 3], y=[4, 5, 6],
mode=“lines”,
fill=“tonexty”,
yaxis=“y1”,),
row=1, col=1
)
fig.add_trace(
go.Bar(x=[1, 2, 3], y=[4, 5, 6],
yaxis=“y2”,),
row=1, col=1
)

fig.add_trace(
go.Scatter(x=[20, 30, 40], y=[50, 60, 70],
mode=“lines”,
fill=“tonexty”,
yaxis=“y3”,),
row=1, col=2
)
fig.add_trace(
go.Bar(x=[20, 30, 40], y=[50, 60, 70],
yaxis=“y4”,),
row=1, col=2
)
fig.update_layout(height=600, width=800,
title_text=“Side By Side Subplots”,
yaxis1=dict(overlaying=‘y2’),
yaxis3=dict(overlaying=‘y4’))
fig.show()