title: Plotly: How to plot a range with a line in the center using a datetime index?
body: <p>I would like to plot a line with a range around it, like on this photo:</p>
  <p><a href="https://i.stack.imgur.com/eWNd2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eWNd2.png" alt="enter image description here" /></a></p>
  <p>I posted an original question, but didn't specify the index being a datetime index. I thought it wouldn't be important, but I was wrong.</p>
  <p>There is an answer that covers it with a numerical index:</p>
  <p><a href="https://stackoverflow.com/questions/61494278/plotly-how-to-make-a-figure-with-multiple-lines-and-shaded-area-for-standard-de/61501980?noredirect=1">Plotly: How to make a figure with multiple lines and shaded area for standard deviations?</a></p>
  <p>and documentation here:</p>
  <p><a href="https://plotly.com/python/continuous-error-bars/" rel="nofollow noreferrer">https://plotly.com/python/continuous-error-bars/</a></p>
  <p>but the issue of datetime index is not covered.</p>
  <p>Here is some test data:</p>
  <pre><code>timestamp      price   min  mean   max  
  1596267946298  100.0   100  100.5  101
  1596267946299  101.0   100  100.5  101
  1596267946300  102.0   98   99.5   102
  1596267948301  99.0    98   99.5   102
  1596267948302  98.0    98   99.5   102
  1596267949303  99.0    98   995.   102
  </code></pre>
  <p>where I'd like the band to cover from min to max and the mean to be drawn in the center.</p>
  <p>another option is to take the code from the first answer of the question posted above (<a href="https://stackoverflow.com/questions/61494278/plotly-how-to-make-a-figure-with-multiple-lines-and-shaded-area-for-standard-de/61501980?noredirect=1">Plotly: How to make a figure with multiple lines and shaded area for standard deviations?</a>) and change the data generation to:</p>
  <pre><code>index = pd.date_range('1/1/2000', periods=25, freq='T')
  df = pd.DataFrame(dict(A=np.random.uniform(low=-1, high=2, size=25).tolist(),
                         B=np.random.uniform(low=-4, high=3, size=25).tolist(),
                         C=np.random.uniform(low=-1, high=3, size=25).tolist()),
                    index=index)
  </code></pre>
  <p>this will work the same way but create a datetime index.</p>