PrimeFaces Extensions Showcase

GChart

It's also possible to use multiple series with a GChart component, the only thing to do is to choose the right GChartType ('COLUMN' in this case) and fill more columns.

Source

XHTML page
Managed bean


<script src="https://www.gstatic.com/charts/loader.js"></script>
<pe:gChart
    value="#{multipleSeriesGChartController.chart}"
    title="Company Performance"/>


@Named
@RequestScoped
public class MultipleSeriesGChartController implements Serializable {

    private static final long serialVersionUID = 253762400419864192L;

    private GChartModel chartModel = null;

    public GChartModel getChart() {
        return chartModel;
    }

    @PostConstruct
    public void generateModel() {
        chartModel = new GChartModelBuilder().setChartType(GChartType.COLUMN).addColumns("Year", "Salves", "Expenses")
                    .addRow("2010", 1000, 400).addRow("2011", 1200, 800).addRow("2012", 2000, 1800)
                    .addRow("2013", 1500, 1800).addRow("2014", 1300, 1000).build();
    }
}

Use Cases

Documentation pe:gChart

Attributes (move mouse over the names to see data types)

Name	Description
id	Unique identifier of the component in a namingContainer.
rendered	Boolean value to specify the rendering of the component, when set to false component will not be rendered.
binding	An el expression referring to a server side UIComponent instance in a backing bean.
width	width of the chart
height	height of the chart
title	Title of the chart
value	Value of the component. Use the GChartModelBuilder to create a new GChartModel
widgetVar	Name of the client side widget.
apiKey	Google Maps API Key. Can also be provided globally in web.xml as primefaces.GOOGLE_MAPS_API_KEY
language	he code for the language or locale that should be to customize text that might be part of the chart. Default is "en"
extender	Name of javascript function to extend the options of the underlying GChart

Events (move mouse over the names to see classes)

Name	Description
select	fired when a "row" is selected