FusionCharts圖表控件中文版使用手冊(cè)

1、1FusionCharts 圖表控件中文版使用手冊(cè)圖表控件中文版使用手冊(cè)根據(jù)網(wǎng)上資料編輯以及個(gè)人經(jīng)驗(yàn)并匯總根據(jù)網(wǎng)上資料編輯以及個(gè)人經(jīng)驗(yàn)并匯總2前言前言 .3 先談?wù)勎覍?duì)先談?wù)勎覍?duì) FUSIONCHARTS 的看法：的看法：.3一、構(gòu)成FUSIONCHARTS的三要素：SWF、DATA.XML、承載圖表的載體 .3二、對(duì)于我們還未使用的功能：圖表轉(zhuǎn)換成圖片或者PDF導(dǎo)出、熱點(diǎn)鏈接.3三、重點(diǎn).4 FUSIONCHARTS 的基本知識(shí)部分：的基本知識(shí)部分：.4一 、SWF 動(dòng)畫(huà)文件.4二、XML 數(shù)據(jù)文件.4三、HTML（當(dāng)然也可以使用 JSP）嵌入CHARTS文件.5四、結(jié)合JAVASCRIPT

2、 的應(yīng)用：.5五、熱點(diǎn)鏈接：LINK= .5六、圖表數(shù)據(jù)導(dǎo)出.6七、圖表導(dǎo)出為PDF或者圖片（JPEG 和 PNG）形式.6八、中文編碼解決方法：.7附注FUSIONCHARTS詳細(xì)屬性：.71、邊框及整個(gè)背景的屬性：.82、圖表背景屬性：.83、外部引入LOGO: .94、圖表名稱(chēng)和軸屬性：.95、data plot屬性.96、數(shù)據(jù)橫縱軸屬性.107、圖表上的數(shù)據(jù)顯示.108、圖表調(diào)色板.109、橫軸坐標(biāo)最大值、最小值屬性.1010、圖表內(nèi)部的div線相關(guān)屬性.1111、圖表內(nèi)部垂直div線的相關(guān)屬性.1112、Zero plan相關(guān)屬性.1113、Anchors相關(guān)屬性（針對(duì)線圖）.111

3、4、tool-tip 屬性.1115、padding屬性.1216、數(shù)據(jù)格式相關(guān)屬性.1217、legend相關(guān)屬性.1218、3D圖表屬性.1319、自定義菜單屬性.1320、趨勢(shì)線：.1321、Styles屬性：（eg）定義自定義效果屬性，然后在一個(gè)對(duì)象上進(jìn)行使用。.14按照編程xml構(gòu)造結(jié)構(gòu)分：（只列舉出了幾種主要屬性，主要用于xmlBuiler）.16 3前言前言先談?wù)勎覍?duì)先談?wù)勎覍?duì) fusionCharts 的看法：的看法：一、構(gòu)成一、構(gòu)成 fusionCharts 的三要素：的三要素：swf、data.xml、承載、承載圖表的載體圖表的載體1、Swf：按照你所設(shè)計(jì)的圖表類(lèi)型加載相應(yīng)

4、的.swf 文件到你的工程即可(eg：若你想生成一張二維柱狀圖，那么在你的工程里就必須包含 Column2D.swf 文件)2、Data.xml：方法一：直接用 data.jsp 文件替代 data.xml 文件，寫(xiě)法格式同 xml。圖表所需的屬性直接在里面寫(xiě)死就行，只是所需的橫縱坐標(biāo)的數(shù)據(jù)調(diào)用后臺(tái)的方法從數(shù)據(jù)庫(kù)里面取得。這樣就可以省去 xmlBuilder 這部分代碼。方法二：從后臺(tái)取數(shù)據(jù)，然后調(diào)用相應(yīng)的 xmlBuiler 方法生成所需的 xml。項(xiàng)目中已有一些XmlBuilder 的方法可供調(diào)用。3、承載圖表的載體：、承載圖表的載體：HTML、JSP 等都可以。調(diào)用 fusionChar

5、ts 開(kāi)發(fā)方提供的 fusioncharts.js 里面寫(xiě)的 fusionchart方法設(shè)置相關(guān)的參數(shù)直接生產(chǎn)相應(yīng)的圖表，產(chǎn)生一個(gè) fusioncharts 圖表的 div 節(jié)點(diǎn)。但是現(xiàn)在 fusionCharts 圖表還不能直接嵌入到 ext 框架里面。只能通過(guò) iframe 嵌入。這樣每次刷新的時(shí)候都會(huì)從新載入。二、對(duì)于我們還未使用的功能：圖表轉(zhuǎn)換成圖片或者二、對(duì)于我們還未使用的功能：圖表轉(zhuǎn)換成圖片或者 pdf導(dǎo)出、熱點(diǎn)鏈接導(dǎo)出、熱點(diǎn)鏈接1、圖表轉(zhuǎn)換成圖片或者、圖表轉(zhuǎn)換成圖片或者 PDF 導(dǎo)出：導(dǎo)出：fusionCharts 開(kāi)發(fā)方提供了兩種方法實(shí)現(xiàn)，一種的客戶(hù)端導(dǎo)出，一種是服務(wù)器端導(dǎo)出。

6、建議使用客戶(hù)端導(dǎo)出，使用開(kāi)發(fā)方提供的服務(wù)器端導(dǎo)出的 jar 包時(shí)在 IE 上會(huì)拋出異常，在火狐上圖表一般能顯示，但在控制器也會(huì)拋出異常。開(kāi)發(fā)方寫(xiě)的方法，有一些內(nèi)部機(jī)制，沒(méi)有完全理解。用服務(wù)器端的方法，可以正常使用。2、熱點(diǎn)鏈接：、熱點(diǎn)鏈接：主要應(yīng)該是數(shù)據(jù)傳遞問(wèn)題。一方面可以直接從 data.xml 文件里面的 link 屬性設(shè)置你要傳過(guò)來(lái)的參數(shù)，然后在你要連接的頁(yè)面用 get 方法去獲取。另一方面可以直接調(diào)用后臺(tái)的方法把 xml 文件里面的數(shù)據(jù)以 js 的形式直接導(dǎo)入到你要連接的頁(yè)面。4三、重點(diǎn)三、重點(diǎn)1、FusionCharts 的三要素2、xml 各屬性的應(yīng)用fusionCharts 的基

7、本知識(shí)部分：的基本知識(shí)部分：一一 、SWF 動(dòng)畫(huà)文件動(dòng)畫(huà)文件1.SWF 文件在目錄 FusionCharts_SiteCharts 下2.包括：1)單一系列圖表（9 種）：（數(shù)據(jù)格式結(jié)構(gòu)可共用，即單一系列的任何一種圖表都可以用其他單一系列的圖表代替）二維柱狀圖、三維柱狀圖、二維餅圖、三維餅圖、二維線圖、二維條形圖、二維塊圖、二維圓環(huán)圖、三維圓環(huán)圖。2)多序列圖（6 種）：（主要用于比較，數(shù)據(jù)格式結(jié)構(gòu)可共用）二維多序列柱狀圖、三維多序列柱狀圖、二維多序列線圖、二維多序列塊圖、二維多序列條形圖、三維多序列條形圖。3)堆棧圖（6 種）：二維堆棧柱狀圖、三維堆棧柱狀圖、二維堆棧塊圖、二維堆棧條形圖、三

8、維堆棧條形圖、二維堆棧多序列柱狀圖（除最后一個(gè)圖，其他的圖數(shù)據(jù)可共享）4)聯(lián)合系列（7 種）：（單一系列的圖形可以聯(lián)合使用，在一張圖表中顯示）5)點(diǎn)分布圖（2 種）：（主要用來(lái)描述事件發(fā)生的分布情況，數(shù)據(jù)格式結(jié)構(gòu)可共用）點(diǎn)狀圖、氣泡狀圖。6)帶滾動(dòng)條系列（6 種）：多序列圖（包括二維柱狀圖、二維線圖、二維塊圖） 、二維堆狀柱狀圖、二維聯(lián)合圖、二維聯(lián)合雙 Y 軸圖。7)Grid 形式（1 種）：SSGrid.swf 用法同上，可以結(jié)合上面的圖形，一起使用。注意：grid 的形式只支持單一系列圖表的數(shù)據(jù)。二、二、XML 數(shù)據(jù)文件數(shù)據(jù)文件1.XML 文件以 開(kāi)頭，以結(jié)束；或者以開(kāi)頭，以結(jié)束2.屬性：

9、（詳細(xì)見(jiàn)附注）XML 標(biāo)簽屬性有以下四種數(shù)據(jù)類(lèi)型：布爾型、數(shù)字型、字符型、十六進(jìn)制顏色代碼（只支持十六進(jìn)制的顏色表示，且去掉前面的#號(hào)）3.注意點(diǎn)：1)當(dāng)數(shù)字前綴 numberPrefix 為、%使用 dataURL 時(shí)可直接使用，但是當(dāng)使用 dataXML 時(shí)需進(jìn)行相應(yīng)的編碼即%E2%82%AC、%A3、%E2%82%A3、%A5、%A2、%25。2)當(dāng)標(biāo)題 caption 含有&在 dataXML 中要被編碼為%26。3)Fusioncharts 不支持號(hào)，需編碼成<、>4)當(dāng)需要顯示“”時(shí)（eg: Johns）使用 dataURL 時(shí)需被編譯成&

10、;apos;使用5dataXML 時(shí)需被編譯成%26apos;5)當(dāng)數(shù)據(jù)不連續(xù)時(shí)可以使用 connectNullData 屬性設(shè)置是否讓其連續(xù)顯示（不連續(xù)點(diǎn)的直接用直線相連，也可以再不連續(xù)點(diǎn)的前一屬性中設(shè)置 dashed=1可以用虛線鏈接不連續(xù)點(diǎn)）三、三、HTML（當(dāng)然也可以使用（當(dāng)然也可以使用 JSP）嵌入）嵌入 charts 文件文件1、不使用、不使用 JS 情況：（不推薦使用）情況：（不推薦使用）使用和嵌入 swf 文件，并設(shè)置&dataUrl=data.xml 的路徑 2、使用、使用 JS 情況：（推薦使用這種方法嵌入情況：（推薦使用這種方法嵌入 Charts 文件）文件）1)

11、必須包含 fusioncharts.js 文件2)new FusionCharts(“swf”,”id”,”width”,”height”,”debugmodel”,”registerwithjs”)創(chuàng)建一個(gè) fusioncharts 對(duì)象3)用這個(gè)對(duì)象的 setDataURL 方法包含 data.xml 文件或者用這個(gè)對(duì)象的 setDataXML方法包含數(shù)據(jù)源的 xml 字符串四、結(jié)合四、結(jié)合 javascript 的應(yīng)用：的應(yīng)用：1.前提：置 FusionCharts 中的 registerwithjs 為 12.事件：1)FC_Loaded(DOMId)：描述當(dāng) SWF 文件在客戶(hù)端已經(jīng)

12、完成下載2)FC_Rendered(DOMId)：3)FC_DataRendered(DOMId)：描述當(dāng)圖表數(shù)據(jù)已經(jīng)下載到 dataxml 或者 dataURL 4)FC_DataLoadError(DOMId)：描述當(dāng)從特定的 URL 下載數(shù)據(jù)發(fā)生錯(cuò)誤5)FC_NoDataToDisplay(DOMId)：描述當(dāng)下載的 xml 文件里沒(méi)有可顯示的數(shù)據(jù)6)FC_DataXMLInvalid(DOMId)：描述 xml 格式錯(cuò)誤3.方法1)setDataXML(strDataXML:string):改變圖表的數(shù)據(jù)2)setDataURL(strDataURL:string)：同上3)print

13、()：打印圖表4)getXML()：返回圖表的 xml 數(shù)據(jù)5)getChartAttribute(attrNamr:string)：返回 xml 標(biāo)記的屬性6)hasRendered()：布爾型，標(biāo)志圖表是否已經(jīng)呈現(xiàn)成功7)getDataAsCSV()：返回圖表的數(shù)據(jù)位 CSV 字符型8)關(guān)于 3D 圖表方面的方法在后面的屬性里面有講五、熱點(diǎn)鏈接：五、熱點(diǎn)鏈接：link= 四種鏈接方式：1.鏈接到同一個(gè)窗口：link=指定頁(yè)面%3F 參數(shù)2.鏈接到新的窗口：link=n-指定頁(yè)面%3F 參數(shù)3.鏈接到一個(gè)指定的 frame：link=F-FrameName-指定頁(yè)面%3F 參數(shù)（注參數(shù)一般不

14、能6超過(guò)兩個(gè)，當(dāng)超過(guò)兩個(gè)則必須追加為一個(gè)字符串用逗號(hào)分隔）4.鏈接到一個(gè)彈出框：link=P-detailsWin,width=400,height=300,toolbar=no,scrollbars=no, resizable=no-ShowDetails.asp%3FMonth%3DJan5.整個(gè)圖表鏈接：clickURL=指定路徑6.鏈接到 Js ：link=j-function()7.Click 事件處理：link=S-parameter（此方法是整個(gè)圖表的鏈接情況）六、圖表數(shù)據(jù)導(dǎo)出六、圖表數(shù)據(jù)導(dǎo)出1.使用 context menu：設(shè)置屬性 showExportDataMenuIte

15、m=1，并可以通過(guò)exportDataMenuItemLabel=” ”設(shè)置導(dǎo)出標(biāo)簽的名稱(chēng)。這樣就可以把圖表中的數(shù)據(jù)復(fù)制到剪貼板上了，然后打開(kāi)記事本之類(lèi)的東東就可以把數(shù)據(jù)粘貼到上面去了。2.使用 JavaScript Menu：首先置 registerWithJS 為 1，即 var chart1 = new FusionCharts(././FusionCharts/Column3D.swf, chart1Id, 400, 300, 0, 1)。然后根據(jù) charts 節(jié)點(diǎn) id 獲得一個(gè)對(duì)象，使用 var chartObj = getChartFromId(chart1Id)方法。最后從這

16、個(gè)對(duì)象取出圖表里的數(shù)據(jù)，使用 chartObj.getDataAsCSV( ),然后就可以進(jìn)行你需要的處理了七、圖表導(dǎo)出為七、圖表導(dǎo)出為 pdf 或者圖片（或者圖片（JPEG 和和 PNG）形式）形式1、服務(wù)器端圖表導(dǎo)出、服務(wù)器端圖表導(dǎo)出1)把 jar 包 Builderpath 到 web app libraries 下面2)把 classes 文件發(fā)布到 web-info 下面3)在 data.xml 文件里加入 exportEnabled=1(允許導(dǎo)出)、exportHandler=JSP/FCExporter.jsp(即處理導(dǎo)出的路徑，注意：默認(rèn)是在跟data.xml 在同一個(gè)跟目錄下

17、面)、還可以設(shè)置 exportAction（選擇導(dǎo)出的圖片會(huì)到客戶(hù)端作為下載還是直接保存到服務(wù)器） 、exportAtClient（選擇是選擇客戶(hù)端導(dǎo)出還是選擇服務(wù)器端導(dǎo)出）等屬性4)把 FCExporter.jsp、FCExporterError.jsp 放在 web 工程下面（注意：FCExporter.jsp里 WEB_ROOT_PATH 的路徑，默認(rèn)情況是 Resources 文件直接放在 web 工程下的，若將 Resources 文件放在其他文件包下面時(shí)注意修改 WEB_ROOT_PATH 路徑5)處理流程：data.xml 中指明 exportHandler 路徑。觸發(fā)導(dǎo)出時(shí)轉(zhuǎn)向

18、 exportHandler 所指向的路徑 FCExporter.jsp，在 FCExporter.jsp 中調(diào)用FusionChartsExportHelper.class 中的 HttpServletRequest 類(lèi)將 data.xml 中的數(shù)據(jù)以流的形式傳進(jìn)來(lái)，將 charts 的寬度、高度、顏色、domid 作為元數(shù)據(jù)傳入。并且根據(jù)選擇是導(dǎo)出 pdf 還是圖片導(dǎo)向 resource 下面的不同頁(yè)面路徑。 （導(dǎo)出時(shí)會(huì)遇到數(shù)據(jù)傳入的數(shù)據(jù)為空的情況，推薦使用客戶(hù)端圖表導(dǎo)出的方法）2、客戶(hù)端圖表導(dǎo)出、客戶(hù)端圖表導(dǎo)出1)包含 FusionChartsExportComponent.js 文件2

19、)包含 FCExporter.swf 文件3)設(shè)置 xml 文件里的一下屬性：exportEnabled=1（允許導(dǎo)出） exportAtClient=1 （客戶(hù)端導(dǎo)出方式）exportHandler=fcExporter1（處理導(dǎo)出）74)Html 文件里加入FusionCharts Export Handler ComponentVar myExportComponent = new FusionChartsExportObject(fcExporter1, ././FusionCharts/FCExporter.swf); myExportComponent.Render(fcexpDi

20、v);3、批圖表導(dǎo)出處理：、批圖表導(dǎo)出處理：1)前提：要批導(dǎo)出的數(shù)據(jù)共用一個(gè) xml 文件，即共用數(shù)據(jù)。2)與單個(gè)導(dǎo)出的不同之處：myExportComponent.sourceCharts = myChartId1,myChartId2,myChartId3;用 sourceCharts 方法包含需導(dǎo)出的所以圖表 DOMid設(shè)置導(dǎo)出圖片相關(guān)的屬性：componentAttributes。八、中文編碼解決方法：八、中文編碼解決方法：提供字符串?dāng)?shù)據(jù)源的頁(yè)面必須硬編碼才行，可以是提供字符串?dāng)?shù)據(jù)源的頁(yè)面必須硬編碼才行，可以是 GBK 或或 UTF-8。1、動(dòng)態(tài)產(chǎn)生的動(dòng)態(tài)產(chǎn)生的 XML 文檔，即使用文

21、檔，即使用 dataURL 方法加載的數(shù)據(jù)，編碼須是方法加載的數(shù)據(jù)，編碼須是 GBK或者或者 gb2312。做法：只需在包含數(shù)據(jù)源的 jsp 頁(yè)面加入2、提供字符串?dāng)?shù)據(jù)源（即使用提供字符串?dāng)?shù)據(jù)源（即使用 dataXML 方法加載的數(shù)據(jù)）的頁(yè)面必須硬編碼方法加載的數(shù)據(jù)）的頁(yè)面必須硬編碼才行，可以是才行，可以是 GBK 或或 UTF-8。做法：只需在包含 xml 的 jsp 頁(yè)面加入附注附注 fusionCharts 詳細(xì)屬性：詳細(xì)屬性：按照模塊分類(lèi)：按照模塊分類(lèi)：81、邊框及整個(gè)背景的屬性：、邊框及整個(gè)背景的屬性：屬性名稱(chēng)屬性說(shuō)明示例或說(shuō)明bgColor背景顏色bgColor=999999,FF

22、FFF 漸變 bgColor=999999 單色bgAlpha背景透明度設(shè)置范圍在 1-100showBorder圖表外是否顯示邊框默認(rèn)二維圖表顯示，三維不顯示borderColor邊框顏色十六進(jìn)制表示去掉前面的#號(hào)borderThickness邊框線的粗細(xì)像素表示borderAlpha邊框透明度bgSWF背景圖片或動(dòng)畫(huà)保證此圖片和 SWF 文件在同一個(gè)文件夾bgSWFAlpha設(shè)置背景圖片的透明度2、圖表背景屬性：、圖表背景屬性：屬性名稱(chēng)屬性說(shuō)明示例或說(shuō)明canvasbgColor圖表背景顏色可設(shè)置單色也可以使用梯度設(shè)置漸變色canvasbgAlpha圖表背景透明度9canvasBorder

23、Color圖表背景邊框顏色canvasBorderThickness圖表背景邊框線粗細(xì)canvasBorderAlpha圖表背景邊框透明度3、外部引入、外部引入 LOGO:屬性名稱(chēng)屬性說(shuō)明示例或說(shuō)明logoURLLOGO 引入的地址logoURL=logo_fc.giflogoPositionLOGO 在圖表中的位置TL 左上 TR 右上 BL 左下 BR 右下 CC 中間logoAlphaLOGO 的透明度logoScaleLOGO 比例4、圖表名稱(chēng)和軸屬性：、圖表名稱(chēng)和軸屬性：屬性名稱(chēng)屬性說(shuō)明示例或說(shuō)明caption標(biāo)題subcaption子標(biāo)題xAxisNameX 軸名稱(chēng)yAxisNam

24、eY 軸名稱(chēng)rotateYAxisNameY 軸名稱(chēng)是否旋轉(zhuǎn)的顯示rotateNamesX 軸名稱(chēng)是否旋轉(zhuǎn)的顯示slantLabels=1時(shí)，斜 45 度，否則斜 90度豎排outCnvbaseFontCanvas 外面的字體即標(biāo)題、子標(biāo)題、X/Y 軸名稱(chēng)字體outCnvbaseFontSizeCanvas 外面的字體大小范圍在 0-72outCnvbaseFontColorCanvas 外面的字體顏色baseFontCanvas 里面的字體baseFontSizeCanvas 里面的字體大小baseFontColorCanvas 里面的字體顏色5、data plot 屬性屬性取消梯度顏色pl

25、otGradientColor=plotGradientColor指明漸變是明度還是灰度（默認(rèn)為明度，即加白色漸變）plotGradientColor=333333showPlotBorder是否顯示數(shù)據(jù)塊的邊框柱狀圖是否顯示外框plotBorderDashed數(shù)據(jù)塊的邊框是否虛線顯示useRoundEdges對(duì)于柱狀圖是否使用圓角并且加入了 glass 效果plotFillAngle使用梯度顏色時(shí)，選擇梯度角度plotFillAlpha使用梯度顏色時(shí)，選擇透明度106、數(shù)據(jù)橫縱軸屬性、數(shù)據(jù)橫縱軸屬性showLabels是否顯示 X 軸標(biāo)簽名稱(chēng)默認(rèn)顯示showYAxisValues是否顯示 Y

26、 軸標(biāo)簽名稱(chēng)默認(rèn)顯示numberPrefixY 軸數(shù)據(jù)加上前綴如 numberPrefix = anumberSuffixY 軸數(shù)據(jù)加上后綴如 numberPrefix = bformatNumberScale是否格式化數(shù)字,默認(rèn)為1(True),自動(dòng)的給你的數(shù)字加上 K（千）或 M（百萬(wàn)） ；若取 0,則不加 K 或MformatNumberScale=0即可去除掉這個(gè)klabelDisplay標(biāo)簽顯示格式WRAP（重疊）ROTATE（旋轉(zhuǎn)）Stagger（交錯(cuò)）slantLabels標(biāo)簽旋轉(zhuǎn)顯示時(shí)的傾斜角度staggerLines標(biāo)簽交錯(cuò)顯示時(shí)的交錯(cuò)行數(shù)labelStep橫軸標(biāo)簽隔幾個(gè)顯示

27、yAxisValuesStep縱軸標(biāo)簽隔幾個(gè)顯示7、圖表上的數(shù)據(jù)顯示、圖表上的數(shù)據(jù)顯示showValues是否顯示圖表上的數(shù)據(jù)默認(rèn)顯示displayValue自定義圖表上顯示的內(nèi)容rotateValues是否旋轉(zhuǎn) 90 度顯示圖表上的數(shù)據(jù)placeValuesInside是否在圖表內(nèi)部顯示數(shù)據(jù)8、圖表調(diào)色板、圖表調(diào)色板palette圖表塊框框的漸變程度1-5 可供選擇paletteColors圖表塊里面的漸變顏色paletteColors=FF5904,0372AB,FF00009、橫軸坐標(biāo)最大值、最小值屬性、橫軸坐標(biāo)最大值、最小值屬性yAxisMinValueY 軸坐標(biāo)的最小值yAxisMa

28、xValueY 軸坐標(biāo)的最大值xAxisMinValueX 軸坐標(biāo)的最小值xAxisMaxValueX 軸坐標(biāo)的最大值1110、圖表內(nèi)部的、圖表內(nèi)部的 div 線相關(guān)屬性線相關(guān)屬性divLineColor設(shè)置 div 的顏色divLineThickness設(shè)置 div 的線條粗細(xì)1-5divLineAlpha設(shè)置 div 的線條透明度1-100divLineIsDashed設(shè)置 div 是否虛線顯示showAlternateHGridColor設(shè)置 div 塊是否高亮顯示11、圖表內(nèi)部垂直、圖表內(nèi)部垂直 div 線的相關(guān)屬性線的相關(guān)屬性vDivLineColor設(shè)置垂直 div 的顏色vDiv

29、LineThickness設(shè)置垂直 div 的線條粗細(xì)vDivLineAlpha設(shè)置垂直 div 的線條透明度vDivLineIsDashed設(shè)置垂直 div 是否虛線顯示alternateVGridAlpha (透明度)showAlternateVGridColor設(shè)置垂直 div 塊是否高亮顯示alternateVGridColor (顏色)12、Zero plan 相關(guān)屬性相關(guān)屬性zeroPlaneColor設(shè)置零線（面）的顏色zeroPlaneThickness設(shè)置零線（面）的粗細(xì)zeroPlaneAlpha設(shè)置零線（面）的透明度zeroPlaneShowBorder是否顯示零面的外框

30、只針對(duì) 3D 圖表zeroPlaneBorderColor設(shè)置零面外框的顏色只針對(duì) 3D 圖表13、Anchors 相關(guān)屬性（針對(duì)線圖）相關(guān)屬性（針對(duì)線圖）drawAnchors是否顯示線圖的 Anchors默認(rèn)顯示anchorSides設(shè)置 Anchors 是幾邊形3-20anchorRadius設(shè)置 Anchors 的大小anchorBorderColor設(shè)置 Anchors 外框顏色anchorBorderThickness設(shè)置 Anchors 外框線條粗細(xì)anchorBgColor設(shè)置 Anchors 里面的顏色anchorAlpha設(shè)置 Anchors 整體的透明度1-100anch

31、orBgAlpha設(shè)置 Anchors 所處背景的透明度1-10014、tool-tip 屬性屬性showToolTip鼠標(biāo)放上去是否顯示提示Set 屬性里可自定義設(shè)置 toolTexttoolText自定義提示框顯示的內(nèi)容12toolTipBorderColor提示框邊框的顏色toolTipBgColor提示框背景顏色15、padding 屬性屬性chartLeftMargin縱軸標(biāo)題離外邊框的距離chartRightMarginCanvas 右邊線離外邊框的距離chartTopMargin標(biāo)題離外邊框的距離chartBottomMargin橫軸標(biāo)題離外邊框的距離captionPadding

32、Canvas 上邊線離圖表標(biāo)題的距離xAxisNamePadding橫坐標(biāo)離橫軸標(biāo)題的距離yAxisNamePadding縱坐標(biāo)離縱軸標(biāo)題的距離yAxisValuesPaddingCanvas 左邊線離縱坐標(biāo)標(biāo)簽的距離labelPaddingCanvas 下邊線橫坐標(biāo)標(biāo)簽的距離valuePadding圖表上面的數(shù)據(jù)里圖表的距離canvasPaddingCanvas 左邊線離第一個(gè) Anchor 的距離只限于線圖和塊圖16、數(shù)據(jù)格式相關(guān)屬性、數(shù)據(jù)格式相關(guān)屬性decimals設(shè)置小數(shù)點(diǎn)后面保留的位數(shù)forceDecimals是否強(qiáng)制保留小數(shù)點(diǎn)后面的decimals 設(shè)置的位數(shù)formatNumbe

33、rScale是否按默認(rèn)的數(shù)據(jù)格式顯示decimalSeparator小數(shù)點(diǎn)的分隔表示方式默認(rèn).thousandSeparator千分位的分隔表示方式默認(rèn),numberScaleValuenumberScaleValue=1000,1000,1000numberScaleUnit兩個(gè)聯(lián)合一起使用，定義數(shù)據(jù)標(biāo)度numberScaleUnit=K,M,BnumberPrefix數(shù)字顯示的前綴numberPrefix=$numberSuffix數(shù)字顯示的后綴17、legend 相關(guān)屬性相關(guān)屬性showLegend是否顯示圖例說(shuō)明默認(rèn)顯示legendPosition設(shè)置圖例說(shuō)明的位置legendBgCo

34、lor設(shè)置圖例說(shuō)明的背景顏色legendBgAlpha設(shè)置圖例說(shuō)明的背景透明度legendBorderColor設(shè)置圖例說(shuō)明的邊框顏色legendBorderThickness設(shè)置圖例說(shuō)明的邊框粗細(xì)legendBorderAlpha設(shè)置圖例說(shuō)明的邊框透明度legendShadow是否顯示為圖例說(shuō)明顯示陰影13legendScrollBgColor設(shè)置圖例說(shuō)明滾動(dòng)條的背景顏色當(dāng)圖例說(shuō)明中有很多事件時(shí)legendScrollBarColor設(shè)置圖例說(shuō)明滾動(dòng)條的顏色當(dāng)圖例說(shuō)明中有很多事件時(shí)egendScrollBtnColor設(shè)置圖例說(shuō)明滾動(dòng)條的按鈕的顏色當(dāng)圖例說(shuō)明中有很多事件時(shí)18、3D 圖表屬性

35、圖表屬性view2D()以二維的形式顯示3D 圖表已有的方法接口view3D()以三維的形式顯示3D 圖表已有的方法接口resetView()重置，恢復(fù)到原先的角度3D 圖表已有的方法接口rotateView(x,y)旋轉(zhuǎn)到所選的角度3D 圖表已有的方法接口getViewAngles()獲得當(dāng)前圖表所處的橫縱角度var a=getViewAngles();alert(a.xAng); alert(a.yAng);cameraAngX設(shè)置圖表角度（橫軸角度）0 to 360/0 to -360 默認(rèn)為 30 度cameraAngY設(shè)置圖表角度（縱軸角度）0 to 360/0 to -360 默認(rèn)

36、為-45 度startAngX設(shè)置圖表開(kāi)始的角度（橫軸角度） 0 to 360/0 to -360endAngX設(shè)置圖表結(jié)束的角度（橫軸角度） 0 to 360/0 to -360startAngY設(shè)置圖表開(kāi)始的角度（縱軸角度） 0 to 360/0 to -360endAngY設(shè)置圖表結(jié)束的角度（縱軸角度） 0 to 360/0 to -360dynamicShading是否設(shè)置光源影響lightAngX設(shè)置光源的角度（橫軸角度）0 to 360/0 to -360lightAngY設(shè)置光源的角度（縱軸角度）0 to 360/0 to -360YZWallDepth設(shè)置 yz 面的深度ZXW

37、allDepth設(shè)置 zx 面的深度XYWallDepth設(shè)置 xy 面的深度clustered圖表是否嵌入顯示默認(rèn)前后重疊顯示19、自定義菜單屬性、自定義菜單屬性showAboutMenuItem是否顯示自定義菜單默認(rèn)顯示aboutMenuItemLabel設(shè)置自定義菜單的名稱(chēng)aboutMenuItemLabel =About My CompanyaboutMenuItemLink設(shè)置自定義菜單的鏈接aboutMenuItemLink=n-http:/20、趨勢(shì)線：、趨勢(shì)線： 14dashed是否虛線顯示默認(rèn)實(shí)線顯示dashLen設(shè)置虛線長(zhǎng)度dashGap設(shè)置虛線間隙寬度startValue

38、起始值單個(gè)時(shí)一條橫線，有結(jié)束值時(shí)，兩點(diǎn)連線endValue結(jié)束值displayvalue線標(biāo)示valueOnRight設(shè)置 displayvalue 顯示右邊valueOnRight =1color設(shè)置線顏色21、Styles 屬性：（屬性：（eg）定義自定義效果屬性，然后在一個(gè)對(duì)象上）定義自定義效果屬性，然后在一個(gè)對(duì)象上進(jìn)行使用。進(jìn)行使用。1、定義一個(gè) styles。部分定義。基本屬性有 name（給 type 所定義的 style 取的名字） 、type（FusionCharts 只支持下面六種 styles: Font（字體） 、Animation（動(dòng)畫(huà)） 、Shadow（陰影） 、Gl

39、ow（輪廓線） 、Blur（模糊化） 、Bevel（產(chǎn)生透視，增強(qiáng)立體感） ） 。2、作用于一個(gè)對(duì)象。定義。3、對(duì)應(yīng)關(guān)系作用對(duì)象對(duì)象說(shuō)明可以應(yīng)用的 style 屬性Animation Parameters SupportedBACKGROUND圖表所處的整個(gè)背景AnimationShadowGlowBevelBlur_alpha_x_y_xScale_yScaleCANVAS單指圖表填充的位置AnimationShadowGlowBevelBlur_alpha_x_y_xScale_yScaleCAPTION圖表的標(biāo)題AnimationFontShadowGlowBevelBlur_alpha

40、_x_yDATALABELS圖表 X 軸標(biāo)簽名稱(chēng)AnimationFontShadowGlow_alpha_x_y15BevelBlurDATAPLOT組成圖表的數(shù)據(jù)塊AnimationShadowGlowBevelBlur_alpha_x_y_xScale_yScaleDATAVALUES圖表的數(shù)據(jù)AnimationFontShadowGlowBevelBlur_alpha_x_yDIVLINES圖表背景水平或者垂直的 div線AnimationShadowGlowBevelBlur_alpha_y_yScaleHGRID連續(xù)的 div 線之間的顏色塊AnimationShadowGlowBevelBlur_alpha_y_xScale_yScaleSUBCAPTION圖表的二級(jí)標(biāo)題Anima