Example of Hilo Open Close in React Chart Component


This sample visualizes the AAPL historical data with default HILO Open Close 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 Open Close type charts. Hilo Open Close chart are 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 HiloOpenClose series, we need to inject HiloOpenCloseSeries module into services.

More information on the HILO Open Close series can be found in this   documentation section.