Charts - Line

LineChart is created with a LineChartModel.

Documentation Widget
<style type="text/css">
    .ui-chart {
        margin-bottom: 50px;
    }
</style>

<p:lineChart model="#{chartJsView.lineModel}" style="width: 100%; height: 500px;"/>

<p:lineChart model="#{chartJsView.cartesianLinerModel}" style="width: 100%; height: 500px;"/>

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.