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