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.
Tips!
Try dragging on the chart to pan or zoom it. Use the mousewheel to zoom and double-click to zoom to fit.