Candlestick chart

Vanilla JS

import { CandlestickChart } from '@arshad-shah/swift-chart';

const chart = new CandlestickChart('#chart', { theme: 'midnight' });
chart.setData(ohlc, { labelField: 'date' });
// each row: { date, open, high, low, close }

React

import { Candlestick } from '@arshad-shah/swift-chart/react';

<Candlestick data={ohlc} mapping={{ labelField: 'date' }} theme="midnight" height={320} />

Custom up / down colours

Reference

• Class: CandlestickChart
• React component: Candlestick