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
<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();
}
}