Charts - Responsive

Chart size can adjust to screen size in responsive manner. In this example, first chart is responsive and second one is not.

Documentation Widget

<p:chart type="line" model="#{chartView.lineModel1}" style="height:300px;" responsive="true"/>
<br />
<p:chart type="line" model="#{chartView.lineModel2}" style="height:300px;" />

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.