O'Reilly logo

PrimeFaces Beginner's Guide by K. Siva Prasad Reddy

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 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;" />
Creating a Bar chart

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

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