原創(chuàng)|使用教程|編輯:龔雪|2014-04-24 09:32:52.000|閱讀 1702 次
概述:本文主要介紹如何將FusionCharts圖表導(dǎo)出為圖像/PDF。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
FusionCharts XT圖表控件包中的所有圖表都可以通過配置而導(dǎo)出為圖像/PDF。FusionCharts圖表的導(dǎo)出可以在客戶端或服務(wù)器端進行,所有導(dǎo)出的圖像/ PDF可以被保存在客戶端或服務(wù)器上。
下列圖像展示了如何在客戶端通過圖表的上下文菜單將圖像導(dǎo)出為圖表。其實,你也可以通過JavaScript APIs導(dǎo)出圖表。默認情況下,菜單項目不會出現(xiàn)在FusionCharts圖表中,你需要配置導(dǎo)出選項和處理器。本文中,我們將簡要介紹所有的導(dǎo)出選項。
FusionCharts XT不能直接將圖表導(dǎo)出為圖像,它需要借助于服務(wù)器端腳本或其他客戶端Flash動畫(Flash Player 10)。 FusionCharts XT將圖表的快照發(fā)送至對象FusionCharts Export Handlers,然后將其轉(zhuǎn)換為圖像或PDF。
FusionCharts Export Handlers導(dǎo)出處理器有兩種形式:Server-side Handlers和Client-side Handler。
FusionCharts Server-side Export Handlers:
服務(wù)器端導(dǎo)出處理器通過腳本可幫助你將FusionCharts XT導(dǎo)出為圖像/PDF。FusionCharts提供現(xiàn)成的ASP.NET、PHP、Ruby on Rails和Java腳本。
這些腳本接受來自 FusionCharts XT的壓縮位圖數(shù)據(jù)(通過HTTP或HTTPS),并轉(zhuǎn)換成相同的圖像/PDF。轉(zhuǎn)換后,您有兩種選擇:
備注:自 FusionCharts XT v3.3.0起,JavaScript圖表可以導(dǎo)出并保存至服務(wù)器磁盤。要做到這一點,你需要配置自己的服務(wù)器。服務(wù)器需要支持PHP和Java(1.3或以上)版本。此外,你需要在服務(wù)器上安裝 FusionCharts PHP導(dǎo)出處理器和Apache Batik SVG Rasterizer庫。
Client-side Export Handlers:
客戶端FusionCharts導(dǎo)出控件,幫助你繞過所有服務(wù)器腳本并在客戶端將圖表保存為圖像/ PDF文件。客戶端的導(dǎo)出是通過 FusionCharts Export Component SWF文件(需要Flash Player 10)和FusionCharts Export Javascript類來完成的。
FusionCharts圖表批量導(dǎo)出
只需單擊,你就可以通過客戶端導(dǎo)出處理器導(dǎo)出所有網(wǎng)頁中的圖表。這就是所謂的批量導(dǎo)出。每個圖表的導(dǎo)出文件既可以單獨保存也可以將所有圖表作為一個文件保存。
圖表導(dǎo)出設(shè)置
要啟用圖表的導(dǎo)出功能,你需要在圖表數(shù)據(jù)(XML/ JSON)中添加導(dǎo)出設(shè)置。你需要設(shè)置exportEnabled XML圖表屬性或者設(shè)置JSON圖表屬性為"1"。
如何設(shè)置圖表數(shù)據(jù)導(dǎo)出?
XML
<chart exportEnabled='1' exportAtClient='0' exportHandler='index.php' yAxisName='Sales Figure' caption='Top 5 Sales Person' numberPrefix='$'> <set label='Alex' value='25000' /> <set label='Mark' value='35000' /> <set label='David' value='42300' /> <set label='Graham' value='35300' /> <set label='John' value='31300' /> </chart>
JSON
{ "chart":{ "exportenabled":"1", "exportatclient":"0", "exporthandler":"index.php", "yaxisname":"Sales Figure", "caption":"Top 5 Sales Person", "numberprefix":"$" }, "data":[ { "label":"Alex", "value":"25000" }, { "label":"Mark", "value":"35000" }, { "label":"David", "value":"42300" }, { "label":"Graham", "value":"35300" }, { "label":"John", "value":"31300" } ] }
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)