Update app.py

app.py

@@ -88,8 +88,7 @@ def plot_results(data, best_short_window, best_long_window, horizon_name, best_a
             dtick="M1",  # Set tick interval to every month
             tickangle=45,  # Rotate the tick labels for better readability
         ),
-        width=1000,
-        height=600
+        autosize=True  # Enable autosizing
     )
     return fig
 
@@ -108,8 +107,7 @@ def plot_strategy_over_time(data, best_short_window, best_long_window):
         title='Strategy Accuracy Over Time',
         xaxis_title='Date',
         yaxis_title='Rolling Accuracy',
-        width=1000,
-        height=400
+        autosize=True  # Enable autosizing
     )
     return fig
 
@@ -189,14 +187,16 @@ if run_button:
     st.write(f"**{st.session_state.horizon_page} Horizon - Best Short HMA**: {best_short_window}, **Best Long HMA**: {best_long_window}, **Best Accuracy**: {best_accuracy:.2f}")
     st.write(f"**Buy Win Rate**: {buy_accuracy:.2f}, **Sell Win Rate**: {sell_accuracy:.2f}")
 
-    # Plot results
-    fig = plot_results(data, best_short_window, best_long_window, st.session_state.horizon_page, best_accuracy, buy_accuracy, sell_accuracy)
-    st.plotly_chart(fig, use_container_width=True)
+    # Plot results within a container to limit the height
+    with st.container():
+        fig = plot_results(data, best_short_window, best_long_window, st.session_state.horizon_page, best_accuracy, buy_accuracy, sell_accuracy)
+        st.plotly_chart(fig, use_container_width=True, height=600)  # Specify height here
 
-    # Plot strategy performance over time
+    # Plot strategy performance over time within a container to limit the height
     st.write("Strategy Performance Over Time")
-    strategy_fig = plot_strategy_over_time(data, best_short_window, best_long_window)
-    st.plotly_chart(strategy_fig, use_container_width=True)
+    with st.container():
+        strategy_fig = plot_strategy_over_time(data, best_short_window, best_long_window)
+        st.plotly_chart(strategy_fig, use_container_width=True, height=400)  # Specify height here
 
     # Display heatmap of accuracy with annotations
     st.write(f"{st.session_state.horizon_page} Horizon: Accuracy Heatmap of HMA Combinations")
@@ -218,11 +218,11 @@ if run_button:
         title=f'{st.session_state.horizon_page} Horizon: Accuracy Heatmap of HMA Combinations',
         xaxis_title='Long HMA',
         yaxis_title='Short HMA',
-        width=1000,
-        height=600
+        autosize=True  # Enable autosizing
     )
 
-    st.plotly_chart(heatmap_fig, use_container_width=True)
+    with st.container():
+        st.plotly_chart(heatmap_fig, use_container_width=True, height=600)  # Specify height here
 
 # Re-display the results if they exist and user switches pages without re-running
 else:
@@ -235,14 +235,16 @@ else:
         st.write(f"**{st.session_state.horizon_page} Horizon - Best Short HMA**: {best_short_window}, **Best Long HMA**: {best_long_window}, **Best Accuracy**: {best_accuracy:.2f}")
         st.write(f"**Buy Win Rate**: {buy_accuracy:.2f}, **Sell Win Rate**: {sell_accuracy:.2f}")
 
-        # Plot results
-        fig = plot_results(st.session_state['data'], best_short_window, best_long_window, st.session_state.horizon_page, best_accuracy, buy_accuracy, sell_accuracy)
-        st.plotly_chart(fig, use_container_width=True)
+        # Plot results within a container to limit the height
+        with st.container():
+            fig = plot_results(st.session_state['data'], best_short_window, best_long_window, st.session_state.horizon_page, best_accuracy, buy_accuracy, sell_accuracy)
+            st.plotly_chart(fig, use_container_width=True, height=600)  # Specify height here
 
-        # Plot strategy performance over time
+        # Plot strategy performance over time within a container to limit the height
         st.write("Strategy Performance Over Time")
-        strategy_fig = plot_strategy_over_time(st.session_state['data'], best_short_window, best_long_window)
-        st.plotly_chart(strategy_fig, use_container_width=True)
+        with st.container():
+            strategy_fig = plot_strategy_over_time(st.session_state['data'], best_short_window, best_long_window)
+            st.plotly_chart(strategy_fig, use_container_width=True, height=400)  # Specify height here
 
         # Display heatmap of accuracy with annotations
         st.write(f"{st.session_state.horizon_page} Horizon: Accuracy Heatmap of HMA Combinations")
@@ -264,11 +266,11 @@ else:
             title=f'{st.session_state.horizon_page} Horizon: Accuracy Heatmap of HMA Combinations',
             xaxis_title='Long HMA',
             yaxis_title='Short HMA',
-            width=1000,
-            height=600
+            autosize=True  # Enable autosizing
         )
 
-        st.plotly_chart(heatmap_fig, use_container_width=True)
+        with st.container():
+            st.plotly_chart(heatmap_fig, use_container_width=True, height=600)  # Specify height here
 
 
 hide_streamlit_style = """