O'Reilly logo

PrimeFaces Cookbook by Mert Çalışkan, Oleg Varaksin

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required