Example of Hilo in React Chart Component


This sample visualizes the AAPL historical data with default HILO series in the chart. Tooltip and crosshair shows the information about the data and period.

More Details...


In this example, you can see how to render and configure the Hilo type charts. Hilo type chart is used to represent the price movements in stock. You can use border, fill properties to customize the vertical rect.

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.