Creating a Bar chart

The Bar chart component visualizes a series of data points as bars. We can use the same org.primefaces.model.chart.CartesianChartModel type instance, which we used for the Line chart, to provide the data for the Bar chart.

Let us create a Bar chart representing tags usage statistics over recent years.

<p:barChart value="#{chartController.chartModel}" legendPosition="nw" style="width: 400px; height: 250px;" />

A Bar chart also supports most of the features supported by the Line chart, such as labels and angles for X and Y axis, various legendPositions, seriesColors, stacked, zoom, animate, custom dataTipFormat, and so on. In addition to these options, the Bar chart provides the following options to customize its behavior:

• barPadding: This is the padding of the bars. The default value for it is 8.

• barMargin: This is the margin of the bars. The default value for it is 10.

• orientation: This is the orientation of the bars, the valid values for it are vertical and horizontal...