This React Stock Chart example visualizes the AAPL stock price with OHLC chart. Tooltip and crosshair show the information about the data and period.
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.