如何导出动态创建Primefaces条形图

Question

我已设法使用下面的xhtml代码动态创建Primefaces条形码：

remove_filter ('the_content',  'wpautop'); 

我的问题是如何将这些动态生成的条形图导出到图像？

Answer 1

使用JavaScript PrimeFaces非常容易，您可以将其保存为图像。 以下代码可以帮助您：chart widgetVar用于目标图表

<p:commandButton type="button" value="Export" icon="ui-icon-extlink" 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>

<script type="text/javascript">
function exportChart() {
    //export image
    $('#output').empty().append(PF('chart').exportAsImage());

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