Example of OHLC in React Stock Chart Component


This React 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.

Injecting Module

The stock chart component features are segregated into individual feature-wise modules. To use date-time axis, inject the DateTime module into services. To use the OHLC, inject the HiloOpenCloseSeries module into services.

More information about the series type can be found in this documentation section.