Example of Hilo Open Close in Javascript Chart Control

Hilo Open Close

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

More Details...


In this example, you can see how to render and configure the HILO Open Close series. The horizontal lines on the left and the right are used to show the opening and closing 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 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 Open Close series, we need to Inject HiloOpenCloseSeries module using chart.Inject(HiloOpenCloseSeries) method. More information on the HILO Open Close series can be found in this documentation section.