Example of OHLC in Javascript Stock Chart Control


This TypeScript Stock Chart example visualizes the AAPL stock price with OHLC chart. Tooltip and crosshair show the information about the data and period.

More Details...


In this example, you can see how to render and configure the stock chart with HILO Open Close type series. The horizontal lines on the left and the right are used to show the open and close values of the stock, and the vertical line represents both high and low values. Tooltip is enabled in this example. To see the tooltip in action, hover the chart or tap on it in touch enabled devices. More information about the series type can be found in this documentation section. Injecting Module The stock chart component features are segregated into individual feature-wise modules. To use date-time axis, inject the DateTime module using the StockChart.Inject(DateTime) method. To use the OHLC, inject the HiloOpenCloseSeries module using the StockChart.Inject(HiloOpenCloseSeries) method.