arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
GChart
GChart is a JSF wrapper of Google Charts API. It's the same chart library used by Google Analytics and other Google services. You can create cool and unique charts like Organizational Chart and Geo Chart.

Important: due to the Google Charts Terms of Service it's not possible to download the library on a server, you have to grab the API from the Google's servers. So to let the GChart component work the Client must be connected to the internet.
Components and more
Documentation pe:gChart
Attributes (move mouse over the names to see data types)
Name Description
apiKeyGoogle Charts API key.
bindingAn EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
converterEL expression resolves to a converter instance or literal converter ID defining a component converter.
extenderJavaScript extender function name.
heightChart height in pixels.
idUnique identifier of the component in a namingContainer.Default is generated.
languageLanguage code for the chart.Default is en.
renderedBoolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
titleChart title.
valueValue of the chart. Use the GChartModelBuilder to create a new GChartModel
widgetVarName of the client side widget.
widthChart width in pixels.
PrimeFaces Extensions Showcase - © 2011-2025,PrimeFaces: 16.0.0-SNAPSHOT,PrimeFaces Extensions: 16.0.0-SNAPSHOT,JSF: Apache MyFaces Core 4.0 - Impl 4.0.3,Server: Apache Tomcat (TomEE)/10.1.52 (10.1.4),Build time: 2026-03-08 21:04