FusionCharts參數的詳細說明

圖表標題和軸名稱
caption                    圖表主標題
subCaption                    圖表副標題
xAxisName                    橫向座標軸(x軸)名稱
yAxisName                    縱向座標軸(y軸)名稱

圖表和畫布的樣式
bgColor                    圖表背景色，6位16進制顏色值
canvasBgColor                畫布背景色，6位16進制顏色值
canvasBgAlpha                畫布透明度，[0-100]
canvasBorderColor            畫布邊框顏色，6位16進制顏色值
canvasBorderThickness        畫布邊框厚度，[0-100]
shadowAlpha                投影透明度，[0-100]
showLegend                    是否顯示系列名，默認爲1(True)

字體屬性
baseFont                    圖表字體樣式
baseFontSize                圖表字體大小
baseFontColor                圖表字體顏色，6位16進制顏色值
outCnvBaseFont                圖表畫布以外的字體樣式
outCnvBaseFontSize            圖表畫布以外的字體大小
outCnvBaseFontColor        圖表畫布以外的字體顏色，6位16進制顏色值

分區線和網格
numDivLines                畫布內部水平分區線條數，數字
divLineColor                水平分區線顏色，6位16進制顏色值
divLineThickness            水平分區線厚度，[1-5]
divLineAlpha                水平分區線透明度，[0-100]
showAlternateHGridColor    是否在橫向網格帶交替的顏色，默認爲0(False)
alternateHGridColor        橫向網格帶交替的顏色，6位16進制顏色值
alternateHGridAlpha        橫向網格帶的透明度，[0-100]
showDivLinues            是否顯示Div行的值，默認？？
numVDivLines                畫布內部垂直分區線條數，數字
vDivLineColor                垂直分區線顏色，6位16進制顏色值
vDivLineThickness            垂直分區線厚度，[1-5]
vDivLineAlpha                垂直分區線透明度，[0-100]
showAlternateVGridColor    是否在縱向網格帶交替的顏色，默認爲0(False)
alternateVGridColor        縱向網格帶交替的顏色，6位16進制顏色值
alternateVGridAlpha        縱向網格帶的透明度，[0-100]

數字格式
numberPrefix                增加數字前綴
numberSuffix                增加數字後綴    % 爲 '%25'
formatNumberScale        是否格式化數字,默認爲1(True),自動的給你的數字加上K（千）或M（百萬）；若取0,則不加K或M
decimalPrecision            指定小數位的位數，[0-10]    例如：='0' 取整
divLineDecimalPrecision    指定水平分區線的值小數位的位數，[0-10]
limitsDecimalPrecision        指定y軸最大、最小值的小數位的位數，[0-10]
formatNumber                逗號來分隔數字(千位，百萬位),默認爲1(True)；若取0,則不加分隔符
decimalSeparator            指定小數分隔符,默認爲'.'
thousandSeparator            指定千分位分隔符,默認爲','

Tool-tip/Hover標題
showhovercap                是否顯示懸停說明框，默認爲1(True)
hoverCapBgColor            懸停說明框背景色，6位16進制顏色值
hoverCapBorderColor        懸停說明框邊框顏色，6位16進制顏色值
hoverCapSepChar            指定懸停說明框內值與值之間分隔符,默認爲','

折線圖的參數
lineThickness                折線的厚度
anchorRadius                折線節點半徑，數字
anchorBgAlpha                折線節點透明度，[0-100]
anchorBgColor                折線節點填充顏色，6位16進制顏色值
anchorBorderColor            折線節點邊框顏色，6位16進制顏色值

Set標籤使用的參數
value                        數據值
color                        顏色
link                        鏈接（本窗口打開[Url]，新窗口打開[n-Url]，調用JS函數[JavaScript:函數]）
name                        橫向座標軸標籤名稱

FusionCharts v3新增功能

新的3.1版本： 
使得出口能力爲PDF格式的圖表和圖片在客戶端以及服務器端 
旋轉文字並不需要任何更多的嵌入字體。任何UTF - 8字符現在可以旋轉和使用圖表從而FusionCharts真正多語言。 
選項指定文本價值，可以代替數值是圖表上顯示的每個數據項 
無法加載自定義標識，圖表上在預先確定的位置，然後連結相同 
...
FusionCharts v3新增功能 FusionCharts v3的擁有大量的新功能，在以前的版本。下面是幾個主要的。 
http://download.csdn.net/source/1964798

有什麼新的3.1版本： 
使得出口能力爲PDF格式的圖表和圖片在客戶端以及服務器端 
旋轉文字並不需要任何更多的嵌入字體。任何UTF - 8字符現在可以旋轉和使用圖表從而FusionCharts真正多語言。 
選項指定文本價值，可以代替數值是圖表上顯示的每個數據項 
無法加載自定義標識，圖表上在預先確定的位置，然後連結相同 
選擇添加自定義菜單項，以圖表的上下文菜單，然後連結相同 
支持包裝的標題，分標題和工具 
趨勢線現在可以自定義工具文本 
用戶定義調色板的數據項目 
更多的JavaScript事件，以幫助您更好的操縱圖表從您的JavaScript代碼 
出口能力的數據，圖表的CSV使用上下文菜單或JavaScript的API 
能力得到了XML的任何使用JavaScript API的圖表 
能力得到了一張圖表屬性使用JavaScript的API 
圖表已重新在36fps解決內存問題在Firefox 

新3.0 有什麼？ 
新的圖表類型 
FusionCharts v3的介紹了很多新的圖表類型，如： 

滾動圖-柱二維，二維和區系的二維，堆疊柱二維，二維結合，結合二維（雙年） 
樣圖 
樣條區域圖 
對數座標圖 
二維多圖單Ÿ組合圖。 
二維多圖雙Ÿ組合圖。此圖被用來陰謀9類型的圖表： 
柱（小年） +線（中學年）組合 
柱（小年） +地區（中學年）組合 
柱（小年） +柱（中學年）組合 
區（小年） +線（中學年）組合 
區（小年） +柱（中學年）組合 
區（小年） +地區（中學年）組合 
線（小年） +線（中學年）組合 
線（小年） +柱（中學年）組合 
線（小年） +地區（中學年）組合 
三維堆疊柱線雙Ÿ組合圖 
三維單槓 
三維堆疊式酒吧 
先進的蠟燭棒圖支持線，酒吧和數量列 
拖放能夠柱線圖表先進的模擬情景 
瀑布圖 

少數上述所列圖表不標準FusionCharts v3的包。例如，花鍵，對數，瀑布及拖放能夠圖表的一部分， PowerCharts包，可單獨購買.. 

出口能力的圖表圖像 
從FusionCharts v3.0.5 ，現在您可以導出您的圖表，圖片相結合的客戶端和服務器端操作。 

容易，但先進的整合與JavaScript 
FusionCharts v3的提供高級選項，將圖表與AJAX應用程序或JavaScript模塊。您可以隨時更新海圖在客戶端，調用JavaScript函數的熱點鏈接，或要 求作出動態XML數據不涉及任何頁面刷新。您也可以指定一個DOMId的每個圖表和有登記的JavaScript 。圖表可以保持JavaScript函數公佈了它的活動。 

可視化的XML生成工具 
FusionCharts v3的介紹了一個新的Visual XML和圖表生成工具，幫助您輕鬆地建立您的XML數據的圖表。您可以手動輸入數據的網格，形成XML或轉換您現有的數據從電子表格/ csv文件/表格到XML數據。 

時尚元素 
FusionCharts v3的介紹方式，幫助您適用的字體，效果和動畫，各種物體的圖表。一個簡單的樣式貸款機制，利用這些您就可以輕鬆地控制可視化佈局圖。 

地圖支持 
FusionCharts v3的介紹地圖PowerMaps包。該PowerMaps Pack是收集61基於Flash矢量地圖用來顯示不同類型的數據與地理分區。適用於網站和應用程序，每一個地圖暴露了其性能使用一個XML的API 。建立一個地圖使用幾乎需要幾分鐘，不涉及任何修改源代碼。所有您需要做的是飼料中的數據的XML文件，您已經準備好。 

請注意， PowerMaps是一項額外插入FusionCharts v3的，而不是在標準許可。您需要另行購買。 

內置的Adobe Flash 8使用ActionScript 2的 
FusionCharts v3是編碼在Flash 8和ActionScript 2 ，充分利用新的和先進功能的Flash 8喜歡動態漸變，過濾器，更好的速度，先進的面向對象的結構等 

新的調試模式 
FusionCharts v3的介紹了調試模式爲每個圖表。在調試模式可以幫助您尋找到正在發生着什麼圖表幕後。你可以看到圖表是如何初始化，獲得的數據以及與 JavaScripts 。各種錯誤產生，也表明在這。所以，當你看到一個錯誤的圖表現在，你需要做的是切換到調試模式，並確定了。 

梯度支持 
FusionCharts v3的支持梯度大多數圖表物件如背景下，油畫，數據陰謀等諸多新的圖表支持單一屬性use3DLighting ，讓先進的燈光和梯度影響圖更好的視覺效果。 

調色板支持 
FusionCharts v3的介紹調色板，以幫助您快速選擇顏色主題，爲您的圖表。從v3的，你可以選擇其中一個五年預先定義調色板改變的外觀圖。你不必指定任何十六進制顏色代碼使用調色板。 

虛線支持 
從FusionCharts v3的，您可以使用虛線策劃： 

數據（列，線，餡餅等） 
網格分區線 
趨勢線 
垂直分離線 
您也可以指定破折號性能像破折號長度，差距等 

多種顯示模式的數據標籤 
在FusionCharts v3的，很多選擇了介紹，以便更好地x軸Label控件。現在，您可以包裝，錯層或旋轉X軸標籤。 

旋轉價值盒及動態位置選項 
的數據值的文本字段，現在可以旋轉，以避免簡潔。此外，在案件列圖表，您可以選擇是否將文本框的值列內或之外。如果沒有空間， FusionCharts v3的會自動調整位置。 

一些規模支持 
FusionCharts v3的介紹了一些調整和更好地控制數字格式。 

自動分區線編碼 
FusionCharts v3的介紹自動分區線編號和位置，以最佳的位置上的圖表。 

更好的打印支持 
在上下文菜單中的圖表現在包括一個新項目“打印圖表” ，它提供標準的跨瀏覽器的打印支持。 

更多的控制權動態調整 
v3的推出兩種模式的圖表大小- exactFit和noScale 。 noScale使用基於像素的大小。在exactFit模式，您可以調整圖的基礎上的百分比。此外， exactFit模式允許動態的調整，當容器對象（瀏覽器，表，分區等）調整大小。 

先進的餡餅和甜甜圈圖表 
餡餅和甜甜圈圖表FusionCharts v3的提供先進的最終用戶的交互選擇像動態切片，旋轉，鏈接等此外，智能標籤已被引入餡餅/甜甜圈圖表。 

更好的傳說 
FusionCharts v3的介紹了一個更好的期待和互動傳說的multi-series/combination圖表。您可以自定義了很多的屬性的傳說每個圖表。 

高級鑽取功能 
圖表項目現在可以鏈接到新窗口，彈出式，框架或自我窗口。 

垂直分工之間的界線任何兩個數據點。 
在軸的圖表，現在你可以選擇垂直分工之間的界線任何兩套數據。這特別有助於當你策劃的數據說， 2歲，你想一個明顯的分隔符之間兩年的數據圖表。 

整個圖表作爲一個熱點 
v3的開始，整個圖表現在可以作爲一個單一的熱點。 

自定義工具提示爲每個數據陰謀項目 
現在您可以設定您自己的工具提示文字爲每個數據陰謀項目。 

多語言支持的應用信息 
現在，您可以輕鬆定製的圖表顯示應用消息（載入中圖表，裝載數據，繪製圖表等。 ）在您自己的語言。要做到這一點，你需要指定的郵件圖表來源和重新編譯。

 

 

一個Y軸中文例：

（注意：chart.setDataURL中若包含中文，charset應爲GBK）
chart.setDataXML("<chart rotateYAxisName='0' baseFont='宋體' baseFontSize='14' palette='10' caption='標題' xAxisName='X軸' yAxisName='Y軸' showValues='0' decimals='0' formatNumberScale='0' useRoundEdges='1'><set label='1月' value='462' /><set label='Feb' value='857' /><set label='Mar' value='671' /><set label='Apr' value='494' /><set label='May' value='761' link='javascript:myJS()'/><set label='Jun' value='960' link='n-DemoLinkPages/DemoLink1.html'/></chart>")

 

在FCF裏顯示“￥”，你需要用“%A5”來替換它。如下：
<graph decimalPrecision='0' numberPrefix='%A5' > 
<set name='John' value='420' color='AFD8F8' /> 
<set name='Mary' value='295' color='F6BD0F' /> 
<set name='Tom' value='523' color='8BBA00' /> 
</graph>

 

 

用FusionCharts v3可以保存圖片和PDF

 

 

FusionCharts V3圖表導出圖片和PDF屬性說明
http://www.cnblogs.com/ATree/archive/2010/07/21/FusionCharts-Export-Image-Pdf.html

 

 

屬性名	類型	描述
FusionCharts V3核心導出功能相關的屬性
exportEnabled	Boolean (0/1)	圖表是否允許導出images/PDFs?
exportShowMenuItem	Boolean (0/1)	是否將導出圖片等按鈕出現在圖表右鍵菜單中
exportFormats	String	格式的列表圖表將顯示在上下文菜單中，同時爲每一個標籤。 該屬性的值應該分開鍵值對。分隔符字符將要採用的'|'（分字符）。該屬性值的語法如下： KEY=Value[|KEY=Value]* 例如：自定義上下文菜單PNG和PDF格式。 exportType=”PNG=Export as High Quality Image;JPG;PDF=Export as PDF File”
exportAtClient	Boolean (0/1)	導出到客戶端還是服務器端
exportHandler	String	在服務器導出方面而言，這指的是服務器端輸出處理程序（已經可以使用的腳本，我們提供的路徑）。 在客戶導出方面而言，這指的是DOM的組成部分的FusionCharts的導出是在你的網頁嵌入，隨着圖表同上。
exportAction	'save' or 'download'	在服務器端的情況下導出，行動指定是否導出的圖像將被髮送回客戶端的下載，或者是否會在服務器上保存。
exportTargetWindow	_self or _blank	在服務器端的情況下使用時，導出作爲行動的下載，這個左派配置是否返回圖片/ PDF格式將在同一窗口中打開作爲附件下載（），或是否會打開一個新窗口。
exportCallback	String	名稱的JavaScript函數將被調用時返回進程的情況下導出成品： 客戶端的導出 批量導出 服務器端導出使用'保存'的行動
exportFileName	String	利用輸出（導出）您可以指定此屬性的名稱（不包括擴展名）文件。
導出對話框配置相關的屬性：
showExportDialog	Boolean (0/1)	是否要顯示在捕獲階段的出口對話框。如果沒有，開始捕獲過程，但沒有圖表對話框可見。
exportDialogMessage	String	該消息被顯示在對話框中。默認爲“捕捉數據：”
exportDialogColor	Hex Color	對話框背景顏色。
exportDialogBorderColor	Hex Color	對話框前景顏色。
exportDialogFontColor	Hex Color	對話框文本的字體顏色。
exportDialogPBColor	Hex Color	對話框進度條的顏色。

 

 

簡單XML案例：

<chart yAxisName='Sales Figure' caption='Top 5 Sales Person' numberPrefix='$' useRoundEdges='1' bgColor='FFFFFF,FFFFFF' showBorder='0'exportEnabled='1' exportAtClient='1' exportHandler='fcExporter1'>
<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>