如何動態地導出創建Primefaces條形圖

我已成功地在下面創建Primefaces barcharts動態使用XHTML代碼：如何動態地導出創建Primefaces條形圖

<p:dataGrid id="chartdataGrid" var="controlLoopChart" value="#{analysisreports.controlLoopCharts}" columns="1" style="border:none;"> 
     <p:chart type="bar" model="#{controlLoopChart.bcharts}"/> 
</p:dataGrid>

我的問題是如何將這些動態生成柱狀圖導出爲圖片？

來源

2015-10-16 Noman Khurram

它很容易使用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>

來源

2015-10-16 10:18:01 Sarz

我知道的方式，但哪些是基於數據庫中生成的動態條形圖是什麼？ –

當您調用此JS函數時，圖表會轉換爲圖像。如果您設法基於數據庫創建/顯示條形圖。它會給圖表當前加載的網頁 – Sarz

圖表導出爲基於圖表id的圖像，如何根據圖表數量給出不同的id將其導出爲圖像？ –

如何動態地導出創建Primefaces條形圖

回答

相關問題