In this example we use a GeoChart to show data about countries. As you can see to add rows to our datatable we can use simple strings or java.util.Locale.

<script src=""></script>
<pe:gChart value="#{geoChartGChartController.chart}" />
Components and more
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
selectfired when a "row" is selected
PrimeFaces Extensions Showcase - © 2011-2020, PrimeFaces: 8.0, PrimeFaces Extensions: 8.0.2, JSF: jakarta 2.3.14, Server: jetty/9.4.2.v20170220, Build time: 2020-04-29 13:39