功能特性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版本:
選擇添加自定義菜單項,以圖表的上下文菜單,然後連結相同
支援包裝的标題,分标題和工具
趨勢線現在可以自定義工具文本
使用者定義調色闆的資料項目
更多的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屬性說明
javascript:void(0)
屬性名 | 類型 | 描述 |
FusionCharts V3核心導出功能相關的屬性 | ||
exportEnabled | Boolean (0/1) | 圖表是否允許導出images/PDFs? |
exportShowMenuItem | 是否将導出圖檔等按鈕出現在圖表右鍵菜單中 | |
exportFormats | String | 格式的清單圖表将顯示在上下文菜單中,同時為每一個标簽。 該屬性的值應該分開鍵值對。分隔符字元将要采用的’|'(分字元)。該屬性值的文法如下: KEY=Value[|KEY=Value]* 例如:自定義上下文菜單PNG和PDF格式。 exportType=”PNG=Export as High Quality Image;JPG;PDF=Export as PDF File” |
exportAtClient | 導出到用戶端還是伺服器端 | |
exportHandler | 在伺服器導出方面而言,這指的是伺服器端輸出處理程式(已經可以使用的腳本,我們提供的路徑)。 在客戶導出方面而言,這指的是DOM的組成部分的FusionCharts的導出是在你的網頁嵌入,随着圖表同上。 | |
exportAction | ’save’ or ‘download’ | 在伺服器端的情況下導出,行動指定是否導出的圖像将被發送回用戶端的下載下傳,或者是否會在伺服器上儲存。 |
exportTargetWindow | _self or _blank | 在伺服器端的情況下使用時,導出作為行動的下載下傳,這個左派配置是否傳回圖檔/ PDF格式将在同一視窗中打開作為附件下載下傳(),或是否會打開一個新視窗。 |
exportCallback | 名稱的JavaScript函數将被調用時傳回程序的情況下導出成品: 用戶端的導出 批量導出 伺服器端導出使用’儲存’的行動 | |
exportFileName | 利用輸出(導出)您可以指定此屬性的名稱(不包括擴充名)檔案。 | |
導出對話框配置相關的屬性: | ||
showExportDialog | 是否要顯示在捕獲階段的出口對話框。如果沒有,開始捕獲過程,但沒有圖表對話框可見。 | |
exportDialogMessage | 該消息被顯示在對話框中。預設為“捕捉資料:” | |
exportDialogColor | Hex Color | 對話框背景顔色。 |
exportDialogBorderColor | 對話框前景顔色。 | |
exportDialogFontColor | 對話框文本的字型顔色。 | |
exportDialogPBColor | 對話框進度條的顔色。 |
簡單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>