Update app.py

app.py

@@ -1,102 +1,106 @@
-import dash
-from dash import dcc, html, Input, Output
-import plotly.graph_objs as go
 import ccxt
 import pandas as pd
+from datetime import datetime
+import plotly.graph_objs as go
+from dash import Dash, dcc, html, Input, Output
 
 # Initialize Dash app
-app = dash.Dash(__name__)
-server = app.server
+app = Dash(__name__)
 
-# Setup MEXC exchange
+# MEXC exchange setup
 exchange = ccxt.mexc()
 
-# Predefined pairs and timeframes
-symbols = ["BTC/USDT", "ETH/USDT", "DOGE/USDT", "SOL/USDT"]
+# Available pairs and timeframes
+symbols = ["BTC/USDT", "ETH/USDT", "SOL/USDT", "BNB/USDT"]
 timeframes = ["1m", "5m", "15m", "1h", "4h", "1d"]
 
-# Default selections
-default_symbol = "BTC/USDT"
-default_timeframe = "1h"
-
-# Helper: Fetch OHLCV from MEXC
+# Fetch OHLCV data from MEXC
 def fetch_ohlcv(symbol, timeframe):
     try:
-        print(f"📡 Fetching {symbol} @ {timeframe} from MEXC...")
         ohlcv = exchange.fetch_ohlcv(symbol, timeframe)
-
-        if not ohlcv or len(ohlcv) < 10:
-            print("⚠️ Warning: No or little data received.")
-            return pd.DataFrame()
-
         df = pd.DataFrame(ohlcv, columns=["timestamp", "open", "high", "low", "close", "volume"])
         df["timestamp"] = pd.to_datetime(df["timestamp"], unit="ms")
         return df
-
     except Exception as e:
-        print(f"❌ Failed to fetch OHLCV: {e}")
-        return pd.DataFrame()
+        print(f"❌ Error fetching OHLCV for {symbol} ({timeframe}): {e}")
+        return pd.DataFrame(columns=["timestamp", "open", "high", "low", "close", "volume"])
 
-# Layout
+# Dash app layout
 app.layout = html.Div([
-    html.H1("📊 TraderX AI — MEXC Crypto Chart", style={"textAlign": "center"}),
-
+    html.H2("📊 Crypto Signal Chart - Powered by MEXC"),
+    
     html.Div([
-        html.Label("Symbol:"),
-        dcc.Dropdown(
-            id="symbol-dropdown",
-            options=[{"label": s, "value": s} for s in symbols],
-            value=default_symbol,
-            style={"width": "200px"}
-        ),
-        html.Label("Timeframe:", style={"marginLeft": "20px"}),
-        dcc.Dropdown(
-            id="timeframe-dropdown",
-            options=[{"label": tf, "value": tf} for tf in timeframes],
-            value=default_timeframe,
-            style={"width": "120px"}
-        ),
-    ], style={"display": "flex", "alignItems": "center", "justifyContent": "center", "marginBottom": "20px"}),
-
-    dcc.Graph(id="price-chart", config={"scrollZoom": True})
+        html.Div([
+            html.Label("Select Pair:"),
+            dcc.Dropdown(
+                id="symbol-dropdown",
+                options=[{"label": s, "value": s} for s in symbols],
+                value="BTC/USDT",
+                clearable=False
+            )
+        ], style={"width": "30%", "display": "inline-block"}),
+
+        html.Div([
+            html.Label("Timeframe:"),
+            dcc.RadioItems(
+                id="timeframe-buttons",
+                options=[{"label": t, "value": t} for t in timeframes],
+                value="1h",
+                labelStyle={"display": "inline-block", "margin-right": "10px"}
+            )
+        ], style={"width": "65%", "display": "inline-block", "padding-left": "20px"})
+    ], style={"margin-bottom": "20px"}),
+
+    dcc.Graph(id="price-chart")
 ])
 
-# Callback to update chart
+# Callback for chart update
 @app.callback(
     Output("price-chart", "figure"),
     Input("symbol-dropdown", "value"),
-    Input("timeframe-dropdown", "value")
+    Input("timeframe-buttons", "value")
 )
 def update_chart(symbol, timeframe):
     df = fetch_ohlcv(symbol, timeframe)
-    print("🔍 DEBUG DATAFRAME HEAD:")
+    print("🔍 Data sample:")
     print(df.head())
 
     if df.empty:
-        print("❌ Empty dataframe received in callback.")
         return {
             "data": [],
-            "layout": go.Layout(title="⚠️ No chart data available.")
+            "layout": go.Layout(title="⚠️ No data available for selected pair/timeframe.")
         }
 
-    trace = go.Candlestick(
+    candlestick = go.Candlestick(
         x=df["timestamp"],
         open=df["open"],
         high=df["high"],
         low=df["low"],
         close=df["close"],
-        name="OHLC"
+        name="Price"
     )
 
     layout = go.Layout(
         title=f"{symbol} - {timeframe}",
-        xaxis={"title": "Time", "rangeslider": {"visible": True}},
-        yaxis={"title": "Price (USDT)"},
+        xaxis=dict(
+            title="Time",
+            rangeslider=dict(visible=True),
+            type="date",
+            rangeselector=dict(
+                buttons=[
+                    dict(count=1, label="1d", step="day", stepmode="backward"),
+                    dict(count=7, label="1w", step="day", stepmode="backward"),
+                    dict(count=1, label="1m", step="month", stepmode="backward"),
+                    dict(step="all")
+                ]
+            )
+        ),
+        yaxis=dict(title="Price (USDT)"),
         height=600
     )
 
-    return {"data": [trace], "layout": layout}
+    return {"data": [candlestick], "layout": layout}
 
-# Start server (for modern Dash versions)
+# Run app (for Docker Space)
 if __name__ == "__main__":
     app.run(host="0.0.0.0", port=7860)