天天看點

FushionChart參數詳細說明

功能特性

animation                    是否動畫顯示資料,預設為1(True)

showNames                    是否顯示橫向坐标軸(x軸)标簽名稱

rotateNames                是否旋轉顯示标簽,預設為0(False):橫向顯示

showValues                    是否在圖表顯示對應的資料值,預設為1(True)

yAxisMinValue                指定縱軸(y軸)最小值,數字

yAxisMaxValue                 指定縱軸(y軸)最小值,數字

showLimits                    是否顯示圖表限值(y軸最大、最小值),預設為1(True)

圖表标題和軸名稱

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的擁有大量的新功能,在以前的版本。下面是幾個主要的。 

有什麼新的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>")

FushionChart參數詳細說明

在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

FushionChart參數詳細說明

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' showexportEnabled='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>

繼續閱讀