Example of Candle Stick in Javascript Chart Control

Candle Stick

This sample visualizes the AAPL stock price with a default candlestick series. The tooltip and crosshair show information about the stock price.

More Details...


In this example, you can see how to render and configure the candlestick series. This chart shows financial data and trends at equal intervals. It can often be combined with line and column charts to show the closing value of the stock and volume of the data. Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices. Injecting Module Chart component features are segregated into individual feature-wise modules. To use Candle series, we need to Inject CandleSeries module using chart.Inject(CandleSeries) method. More information on the candle series can be found in this documentation section.