Update app.py

app.py

@@ -11,24 +11,36 @@ server = app.server
 # Setup MEXC exchange
 exchange = ccxt.mexc()
 
-# Supported trading pairs and timeframes
-symbols = ["BTC/USDT", "ETH/USDT", "BNB/USDT", "SOL/USDT"]
+# Predefined pairs and timeframes
+symbols = ["BTC/USDT", "ETH/USDT", "DOGE/USDT", "SOL/USDT"]
 timeframes = ["1m", "5m", "15m", "1h", "4h", "1d"]
 
-# Default values
+# Default selections
 default_symbol = "BTC/USDT"
 default_timeframe = "1h"
 
-# Helper to fetch OHLCV
+# Helper: Fetch OHLCV from MEXC
 def fetch_ohlcv(symbol, timeframe):
-    ohlcv = exchange.fetch_ohlcv(symbol, timeframe)
-    df = pd.DataFrame(ohlcv, columns=["timestamp", "open", "high", "low", "close", "volume"])
-    df["timestamp"] = pd.to_datetime(df["timestamp"], unit="ms")
-    return df
+    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()
 
 # Layout
 app.layout = html.Div([
-    html.H1("📊 TraderX AI - MEXC Crypto Dashboard"),
+    html.H1("📊 TraderX AI — MEXC Crypto Chart", style={"textAlign": "center"}),
+
     html.Div([
         html.Label("Symbol:"),
         dcc.Dropdown(
@@ -44,43 +56,44 @@ app.layout = html.Div([
             value=default_timeframe,
             style={"width": "120px"}
         ),
-    ], style={"display": "flex", "alignItems": "center", "marginBottom": "20px"}),
+    ], style={"display": "flex", "alignItems": "center", "justifyContent": "center", "marginBottom": "20px"}),
 
-    dcc.Graph(id="price-chart")
+    dcc.Graph(id="price-chart", config={"scrollZoom": True})
 ])
 
-# Callback
+# Callback to update chart
 @app.callback(
     Output("price-chart", "figure"),
     Input("symbol-dropdown", "value"),
     Input("timeframe-dropdown", "value")
 )
 def update_chart(symbol, timeframe):
-    try:
-        df = fetch_ohlcv(symbol, timeframe)
-
-        candle = go.Candlestick(
-            x=df["timestamp"],
-            open=df["open"],
-            high=df["high"],
-            low=df["low"],
-            close=df["close"],
-            name="Price"
-        )
-
-        layout = go.Layout(
-            title=f"{symbol} - {timeframe} Chart (MEXC)",
-            xaxis={"title": "Time", "rangeslider": {"visible": True}},
-            yaxis={"title": "Price (USDT)"},
-            height=600
-        )
-
-        return {"data": [candle], "layout": layout}
+    df = fetch_ohlcv(symbol, timeframe)
 
-    except Exception as e:
-        return {"data": [], "layout": go.Layout(title=f"Error: {str(e)}")}
+    if df.empty:
+        return {
+            "data": [],
+            "layout": go.Layout(title="⚠️ Error fetching data or empty chart returned")
+        }
+
+    trace = go.Candlestick(
+        x=df["timestamp"],
+        open=df["open"],
+        high=df["high"],
+        low=df["low"],
+        close=df["close"],
+        name="OHLC"
+    )
 
-# Run app
+    layout = go.Layout(
+        title=f"{symbol} - {timeframe}",
+        xaxis={"title": "Time", "rangeslider": {"visible": True}},
+        yaxis={"title": "Price (USDT)"},
+        height=600
+    )
+
+    return {"data": [trace], "layout": layout}
+
+# Start server (for modern Dash versions)
 if __name__ == "__main__":
     app.run(host="0.0.0.0", port=7860)
-