Charts - Animate

Charts can be animated on load.

<style type="text/css">
    .left {
        text-align: left;
    }
    
    .right div {
        float: right;
    }
</style>

<h:panelGrid columns="2" columnClasses="left,right" style="width:100%">
    <p:chart type="line" model="#{chartView.animatedModel1}" style="width:400px;" />
    <p:chart type="bar" model="#{chartView.animatedModel2}" style="width:400px;" />
</h:panelGrid>