This React Hilo Chart example visualizes the AAPL stock price with a default Hilo series in the chart. The tooltip and crosshair show information about the stock price.
In this example, you can see how to render and configure the HILO series. This series shows the high and low stock values over a given period of time.
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 Hilo series, we need to inject
HiloSeries
module into services
.
More information on the Hilo series can be found in this documentation section.