Rules for building charting applications that render MMT market data using TradingView Lightweight Charts (v5.x).
Chart Setup
- Chart Initialization: createChart config, container setup, autoSize, dark/light themes
- Data Mapping: transform MMT types (OHLCVTPublic, etc.) to Lightweight Charts format
Real-Time Updates
- Live Candlestick Updates: WS candle stream to series.update(), handling candle close vs in-progress
- Live Trade Ticker: WS trade stream to line/marker overlays, trade volume histogram
Multi-Chart Patterns
- Multi-Pane Layout: price + volume + indicator panes, synchronized time scales
- Multi-Symbol Comparison: overlay multiple symbols, normalize price scales
Indicators & Overlays
- Volume Histogram: buy/sell volume from MMT candles as colored histogram
- Funding Rate Overlay: stats channel funding rate as line/baseline series
- Open Interest Overlay: OI candles as area/line on separate pane
Data Management
- Historical Data Loading: REST fetch to setData, pagination for long ranges, loading states
- Timeframe & Symbol Switching: clear stores, flush timers, reload on tf/symbol/exchange change
Interaction
- Crosshair & Tooltips: subscribeCrosshairMove, custom tooltip with MMT data fields
- Chart Lifecycle: React/framework integration, cleanup, resize, memory management
Framework Integration
- React Integration Patterns: hooks, refs, lifecycle, state management, performance patterns