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 OHLC Chart

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

Demonstrates how to create a JavaScript Digital Line Chart. The FastLineRenderableSeries can be used to render an XyDataSeries, XyyDataSeries (uses Y1 only) or OhlcDataSeries (renders Close).

The FastOhlcRenderableSeries requires an OhlcDataSeries, which contains X,Open,High,Low,Close data. The color of the candles is controlled by the strokeUp, strokeDown properties. Further customisation of color per-bar 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.