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