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

Get PrimeFaces Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.