MMT + TradingView Lightweight Charts
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