Charts - Export

Charts are canvas based and can be exported as static images with client side api.


Chart as an Image
<script type="text/javascript">
    //<![CDATA[
function exportChart() {
    //export image
    $('#output').empty().append(PF('chart').exportAsImage());

    //show the dialog
    PF('dlg').show();
}
    //]]>
</script>

<p:chart type="line" model="#{chartView.lineModel1}" style="width:500px;height:300px" widgetVar="chart"/>

<br />

<p:commandButton type="button" value="Export" icon="pi pi-home" onclick="exportChart()"/>

<p:dialog widgetVar="dlg" showEffect="fade" modal="true" header="Chart as an Image" resizable="false">
    <p:outputPanel id="output" layout="block" style="width:500px;height:300px"/>
</p:dialog>