JavaScript OHLC Series with Automatic Packing - Editor

This example shows real-time OHLC-packing using a variant of OHLC-series.

Please note that using LightningChart JS for Trading use cases requires a special license agreement.
For more information, please contact us.

LightningChart JS OHLC Series with Automatic Packing

LightningChart JS includes a variant of the OHLC series which allows inputting close prices only which results in the corresponding OHLC data being automatically calculated.

const chart = lightningChart().ChartXY()
const series = chart.addOHLCSeries(
    // Specify the type of OHLC-series for adding points
    { seriesConstructor: OHLCSeriesTypes.AutomaticPacking },
)

OHLC-series that were created with type 'AutomaticPacking' accept data the same way as any other horizontally progressive XY-series:

// Single point.
series.add({ x: 50, y: 60 })

// Multiple points at once.
series.add([
    { x: 55, y: 60 },
    { x: 60, y: 62 },
    { x: 65, y: 65 },
])

Packing logic

Supplied points are packed by columns, within which the Y-values are mapped to open, high, low and close -values, which are used to draw OHLCFigures.

Limited-time offer! Get your hands on the most advanced data visualization library at a discounted price. Contact us today to unlock exclusive savings.

Contact us
close icon