title: Plotly: How to make a multiple index dropdown option?
body: <p>I have data with same index number for different timeframe as below</p>
  <pre><code>           Time CallOI  PutOI   CallLTP PutLTP  
  29500   3:30 PM 502725  554775  343.70  85.50   
  29500   3:15 PM 568725  629700  357.15  81.70   
  29500   2:59 PM 719350  689850  337.85  95.45   
  29500   2:45 PM 786975  641575  360.00  108.35  
  29500   2:30 PM 823500  626875  336.50  127.80  
  29500   2:15 PM 812450  631800  308.55  143.00  
  29500   2:00 PM 974700  617750  389.80  120.00  
  29500   1:45 PM 1072675 547100  262.55  186.85  
  29500   1:30 PM 1272300 469600  206.85  232.00  
  29600   3:30 PM 502725  554775  343.70  85.50   
  29600   3:15 PM 568725  629700  357.15  81.70   
  29600   2:59 PM 719350  689850  337.85  95.45   
  29600   2:45 PM 786975  641575  360.00  108.35  
  29600   2:30 PM 823500  626875  336.50  127.80  
  29600   2:15 PM 812450  631800  308.55  143.00  
  29600   2:00 PM 974700  617750  389.80  120.00  
  29600   1:45 PM 1072675 547100  262.55  186.85  
  29600   1:30 PM 1272300 469600  206.85  232.00  
  29700   3:30 PM 502725  554775  343.70  85.50   
  29700   3:15 PM 568725  629700  357.15  81.70   
  29700   2:59 PM 719350  689850  337.85  95.45   
  29700   2:45 PM 786975  641575  360.00  108.35  
  29700   2:30 PM 823500  626875  336.50  127.80  
  29700   2:15 PM 812450  631800  308.55  143.00  
  29700   2:00 PM 974700  617750  389.80  120.00  
  29700   1:45 PM 1072675 547100  262.55  186.85  
  29700   1:30 PM 1272300 469600  206.85  232.00  
  </code></pre>
  <p>using below code i have made chart :</p>
  <pre><code>subfig = make_subplots(specs=[[{&quot;secondary_y&quot;: True}]])
  
  # create two independent figures with px.line each containing data from multiple columns
  fig = px.line(df,x='Time', y='Call OI')
  fig2 = px.line(df,x='Time', y='Call LTP')
  
  fig2.update_traces(yaxis=&quot;y2&quot;)
  
  subfig.add_traces(fig.data + fig2.data)
  subfig.layout.xaxis.title=&quot;Time&quot;
  subfig.layout.yaxis.title=&quot;OI&quot;
  subfig.layout.yaxis2.type=&quot;log&quot;
  subfig.layout.yaxis2.title=&quot;Price&quot;
  # recoloring is necessary otherwise lines from fig und fig2 would share each color
  # e.g. Linear-, Log- = blue; Linear+, Log+ = red... we don't want this
  subfig.for_each_trace(lambda t: t.update(line=dict(color=t.marker.color)))
  subfig.show()
  </code></pre>
  <p><a href="https://i.stack.imgur.com/yM5To.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yM5To.png" alt="Chart" /></a></p>
  <p>I want dropdown menu which selects different index and the chart data changes accordingly.
  example if i select from drop down 29600 it shows only data for that index number and also is there a way to flip x axis (time) from left to right.
  Thanks in advance for any solutions</p>