Creating an OHLC chart

The ohlcChart component visualizes the data more like a bar chart, but it's a type of chart typically used to illustrate fluctuations in the price of a financial instrument over time. For example, an Open High Low Close (OHLC) chart can display the open, high, low, and close prices of a publicly traded security on a given day, with the day as the X axis and the price as the Y axis.

How to do it...

A simple definition for an OHLC chart with the price of a stock for given days of a month is shown as follows:

<p:ohlcChart value="#{ohlcChartController.model}" style="height:250px" />

The output of this will be rendered as follows:

The model that binds to the component should be an instance of org.primefaces.model.chart.OhlcChartModel. The definition for the stock data is as follows:

OhlcChartModel model = new OhlcChartModel();

model.add(new OhlcChartSeries(1, 136.01, 139.5, 134.53, 139.48));
model.add(new OhlcChartSeries(2, 143.82, 144.56, 136.04, 136.97));
model.add...