title: Setting draw-order (like matplotlib zorder) for multi-trace/multi-y-axes figure
body: <p>I have a simple <code>graph_objects.Figure()</code> with multiple traces and multiple y-axes. Each axis has a single trace (time average of underlying data) with a corresponding min-max area below showing the range of the data.</p>
  <p>Problem is that the shaded area coming from the min-max data starts to hide the important trace when I plot more than 1-2, see image below:</p>
  <p><a href="https://i.stack.imgur.com/U3jXS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/U3jXS.png" alt="enter image description here" /></a></p>
  <p>It seems to me that the draw order is decided by the axis-number, first <code>yaxis1</code>, then <code>yaxis2</code> etc., but I would really like to specify that all &quot;shaded area&quot; traces stay at the bottom, making the lines clear and always 100 % visible.</p>
  <p>What I have tried:</p>
  <ul>
  <li>Style parameter <code>zIndex</code>: not accepted by <code>graph_objects.Scatter</code></li>
  <li>Tie the &quot;shaded area traces&quot; to the first axis, but then they are plotted using that axis range of y-values, leading to a completely wrong result.</li>
  <li>Reducing the opacity: last resort solution</li>
  </ul>
  <p>So, is this possible using Plotly Dash?</p>