JavaScript Chart Examples

SciChart.js ships with ~60 JavaScript Chart Examples which you can browse, play with, view the source code and see related documentation. All of this is possible with the SciChart.js Examples Suite, which ships as part of the SciChart.js SDK

JavaScript Candlestick Chart

Demonstrates how to create a JavaScript Candlestick Chart or Stock Chart using SciChart.js, High Performance JavaScript Charts

Demonstrates how to create a JavaScript Candlestick Chart. This is a chart type used in financial, stock trading applications which renders Date, Open, High, Low, Close data

The FastCandlestickRenderableSeries requires an OhlcDataSeries, which contains X,Open,High,Low,Close data. The color of the candles is controlled by the strokeUp, strokeDown, fillUp and fillDown properties. Further customisation of color per-candle can be achieved with the SciChart.js PaletteProvider API.


Try dragging on the chart to pan or zoom it. Use the mousewheel to zoom and double-click to zoom to fit.

2D Charts
Chart Legends
SciChart Ltd, 16 Beaufort Court, Admirals Way, Docklands, London, E14 9XL.