一.FusionCharts的分類

1.FusionCharts。跨平臺、跨瀏覽器的JavaScript/HTML圖表組件

FusionCharts XT作為FusionCharts圖表套包的主打產品，它提供了所有通用的圖表類型，同時它還支持 ASP、ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、JavaScript、甚至簡單的HTML頁面。Fusioncharts來制作專業的JavaScript圖表。

2.FusionMaps。

FusionMaps是一款JavaScript (HTML5) &Flash地圖工具。可以根據內容、地區來展現地理數據或者其他實體。你可以使用FusionMaps有效地描繪業務數據，例如地區利潤、地區人口分布情況、競選結果、航班路線、辦公地點、調查結果等。

3.FusionWidgets。

FusionWidget是所有圖表完美的附加組件，即時股票監視器，對KPI和其他重要數據進行實時監視，處理監控應用程序和財務應用程序。通過使用各種易于操作的組件，它將帶給你一個程序員和信息可視化相結合的體驗。借助JavaScript (HTML5)和Flash, FusionWidgetsXT可在PCs、Macs、iPads, iPhones以及其他移動設備上無縫操作。

4.PowerCharts。適用于專業領域的高級圖表控件。

PowerCharts XT是一套用在特定領域如：網絡圖、盈虧分析、財務規劃、股價圖以及層次結構圖的高級圖表庫。它還提供了視覺上可編輯的圖表來模擬假設情景和雷達圖表上的多個實體的多個參數間的比較。

二、FusionCharts

FusionCharts的FusionCharts分類有很多種。

按數據類型分類有:

1.單組數據類型圖表(Single?Data?Charts)??? 2.多組數據類型圖表(Multi-Data?Charts)

按圖的展示類型分類(也是官方分類)有:

1.單系列圖表(Single?Series?Charts)?????? 2.多系列圖表(Multi-Series?Charts)

3.堆積式圖表(Stacked?Charts)????? 4.組合圖表(Combination?Charts)

5.分布圖(XY?Plot?Charts)?????? 6.滾動圖(Scroll Charts)

三.關于FusionCharts的FusionCharts的Attributes(屬性)

1、功能特性

animation??????????????????? 是否動畫顯示數據，默認為 1(True)

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

rotateNames??????????????? 是否旋轉顯示標簽，默認為0(False):橫向顯示

showValues??????????????????? 是否在圖表顯示對應的數據值，默認為1(True)

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

yAxisMaxValue???????????????? 指定縱軸(y軸)最大值，數字

showLimits??????????????????? 是否顯示圖表限值(y軸最大、最小值)，默認為1(True)

showColumnShadow???? 是否顯示各條形圖間的陰影（若柱面圖在一起并列的話）

showAlternateHGridColor 是否隔行顯示不同顏色

2、圖表標題和軸名稱

caption??????????????????? 圖表主標題

subCaption??????????????????? 圖表副標題

xAxisName??????????????????? 橫向坐標軸(x軸)名稱

yAxisName??????????????????? 縱向坐標軸(y軸)名稱

imageSave='1'????? 是否保存圖片

imageSaveURL='Path/FusionChartsSave.jsp '圖片路徑

hoverCapSepChar='，'。鼠標放到柱面上時顯示的提示信息的分隔符

showhovercap='1'???????? 鼠標放到柱面上時是否顯示提示信息

hoverCapBgColor=‘ffffff’提示信息背景顏色

3、圖表和畫布的樣式

bgColor??????????????????? 圖表背景色，6位16進制顏色值

canvasBgColor??????????????? 畫布背景色，6位16進制顏色值

canvasBgAlpha??????????????? 畫布透明度，[0-100]

canvasBorderColor??????????? 畫布邊框顏色，6位16進制顏色值

canvasBorderThickness??????? 畫布邊框厚度，[0-100]

shadowAlpha??????????????? 投影透明度，[0-100]

showLegend??????????????????? 是否顯示系列名，默認為1(True)

4、字體屬性

baseFont??????????????????? 圖表字體樣式

baseFontSize??????????????? 圖表字體大小

baseFontColor??????????????? 圖表字體顏色，6位16進制顏色值

outCnvBaseFont??????????????? 圖表畫布以外的字體樣式

outCnvBaseFontSize??????????? 圖表畫布以外的字體大小

outCnvBaseFontColor??????? 圖表畫布以外的字體顏色，6位16進制顏色值

5、分區線和網格

numDivLines??????????????? 畫布內部水平分區線條數，數字

divLineColor??????????????? 水平分區線顏色，6位16進制顏色值

divLineThickness??????????? 水平分區線厚度，[1-5]

divLineAlpha??????????????? 水平分區線透明度，[0-100]

showAlternateHGridColor??? 是否在橫向網格帶交替的顏色，默認為0(False)

alternateHGridColor??????? 橫向網格帶交替的顏色，6位16進制顏色值

alternateHGridAlpha??????? 橫向網格帶的透明度，[0-100]

showDivLineValues??????????? 是否顯示Div行的值，默認？？

numVDivLines??????????????? 畫布內部垂直分區線條數，數字

vDivLineColor??????????????? 垂直分區線顏色，6位16進制顏色值

vDivLineThickness??????????? 垂直分區線厚度，[1-5]

vDivLineAlpha??????????????? 垂直分區線透明度，[0-100]

showAlternateVGridColor??? 是否在縱向網格帶交替的顏色，默認為0(False)

alternateVGridColor??????? 縱向網格帶交替的顏色，6位16進制顏色值

alternateVGridAlpha??????? 縱向網格帶的透明度，[0-100]

6、數字格式

numberPrefix??????????????? 增加數字前綴

numberSuffix??????????????? 增加數字后綴??? % 為 '%25' / (噸)為‘%ef%bc%88%e5%90%a8%ef%bc%89’（Server.UrlEncode編碼）

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??????????? 指定千分位分隔符,默認為','

7、Tool- tip/Hover標題

showhovercap??????????????? 是否顯示懸停說明框，默認為1(True)

hoverCapBgColor??????????? 懸停說明框背景色，6位16進制顏色值

hoverCapBorderColor??????? 懸停說明框邊框顏色，6位16進制顏色值

hoverCapSepChar??????????? 指定懸停說明框內值與值之間分隔符,默認為','

8、折線圖的參數

lineThickness??????????????? 折線的厚度

anchorRadius??????????????? 折線節點半徑，數字

anchorBgAlpha??????????????? 折線節點透明度，[0-100]

anchorBgColor??????????????? 折線節點填充顏色，6位16進制顏色值

anchorBorderColor??????????? 折線節點邊框顏色，6位16進制顏色值

9、Set標簽使用的參數

value??????????????????????? 數據值

color??????????????????????? 顏色

link??????????????????????? 鏈接（本窗口打開[Url]，新窗口打開[n-Url]，調用JS函數[JavaScript:函數]）

name??????????????????????? 橫向坐標軸標簽名稱

showFCMenuItem='0' 設置右鍵顯示不顯示