Finance
Candles, indicators, price, depth, order book and portfolio from their own entry.
@lilt-ui/charts/financeCandlestickChartCardCandlesOrderBook
Finance ships from its own entry, @lilt-ui/charts/finance, so dashboards that never draw a candle never load one. It holds CandlestickChartCard, IndicatorChartCard, PriceChartCard, DepthChartCard, PortfolioChartCard and OrderBook, plus the indicator math (sma, ema, bollinger, macd, rsi, drawdown, rebase, depthLevels).
To compose candles into your own Chart, give the close series fields for open, high and low, and draw it with Candles inside ChartPlot. See Candlestick for every prop.
TypeScript
import { CandlestickChartCard } from '@lilt-ui/charts/finance';
<CandlestickChartCard
title="SOL / USDC"
data={candles}
x="date"
open="open"
high="high"
low="low"
close="close"
volume="volume"
/>