Creating a bar chart

The barChart component visualizes the series of point data as bars in a graph.

How to do it...

A simple definition for a bar chart to display two series of data is shown in the following code snippet:

<p:barChart value="#{barChartController.model}" style="height:250px" title="Company Performance" />

The chart will be rendered as shown in the following screenshot:

The model that binds to the component should be an instance of the org.primefaces.model.chart.CartesianChartModel class. The definition of data with two sample series is shown in the following code snippet:

CartesianChartModel model = new CartesianChartModel();

ChartSeries sales = new ChartSeries();
sales.setLabel("Sales");
sales.set("2004", 1000);
sales.set("2005", 1170);
sales.set("2006", 660);
sales.set("2007", 1030);

ChartSeries expenses = new ChartSeries();
expenses.setLabel("Expenses");
expenses.set("2004", 400);
expenses.set("2005", 460);
expenses.set("2006", 1120);
expenses.set("2007", 540);

model...