PrimeFaces Extensions Showcase

EChart

Apache ECharts is an open-sourced JavaScript visualization tool, which can run fluently on PC and mobile devices. It is compatible with most modern Web Browsers, e.g., IE9/10/11, Chrome, Firefox, Safari and so on. ECharts depends on ZRender, a graphic rendering engine, to create intuitive, interactive, and highly-customizable charts.

Based on Apache ECharts

Components and more

Use Cases

Documentation pe:echart

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

Name	Description
binding	An EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
extender	Name of javascript function to extend the options of the underlying EChart plugin.
id	Unique identifier of the component in a namingContainer.Default is generated.
rendered	Boolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
style	Inline style of the component.
styleClass	Style class of the component.
theme	The theme to style the chart with. Can be a theme name imported in JS or 'light' or 'dark'.Default is default.
value	JSON value of the chart.
widgetVar	Name of the client side widget.

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-07 01:34