Example of Hilo in Angular Chart Component

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

AAPL Historical

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 feature, we need to inject HiloSeriesService into the @NgModule.providers section.

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