Flex圖表組件使用指南
本文向大家簡單介紹一下如何使用Flex圖表組件，與僅顯示簡單的數字數據表不同，我們可以顯示條狀圖，餅圖，線圖或是其他類型的Flex圖表，并且可以使用顏色，標題以及二維圖形來表示我們的數據。
使用Flex圖表組件
以Flex圖表或是圖的方式顯示數據的能力可以使得Flex程序用戶的數據交互更為容易。與僅顯示簡單的數字數據表不同，我們可以顯示條狀圖，餅圖，線圖或是其他類型的Flex圖表，并且可以使用顏色，標題以及二維圖形來表示我們的數據。
在這一部分我們會介紹Flex圖表，菜單數據，以及我們可以在Flex中創建的其他類型的Flex圖表。
關于Flex圖表
數據表示可以使得我們簡化數據表示與數據關系的方式來表示數據。Flex圖表是數據的一種類型，從而我們可以使用二維的圖形來表示我們的數據。Flex支持最常見的二維圖形，例如條狀圖，柱狀圖，餅圖，并且提供給我們對于Flex圖表顯示的的極大控制。
一個簡單的Flex圖表顯示單一的數據系列，在這里系列是一組相關的數據點。例如，一個數據系列也許是月度銷售收益，或者是一天的旅館占有率。下面的Flex圖表顯示了過去六個月的與銷售收益相應的數據系列：
另一種Flex圖表也許會添加第二個數據系列。例如，我們也許會包含過去六個月的利潤。下面的Flex圖表顯示了兩個數據系列，一個是銷售，一個是利潤：
#p#
定義Flex圖表數據
Flex圖表控件使用為Flex圖表定義數據的dateProvider屬性。一個數據提供者(dateprovider)是一個對象的集合，與數組類似。Flex圖表組件使用平的，或者是基于列表的，數據提供者，與一維數組類似。
一個數據提供者由兩部分組成：一個數據對象集合與API。數據提供者API是一個類必須實現的方法與屬性的集合，從而Flex組件可以將其看作數據提供者。
Flex圖表類型
Flex支持最常見的一些Flex圖表類型，包括條狀圖，線圖，餅圖以及其他的類型。這一部分描述Flex所提供的Flex圖表集合。除了這些Flex圖表類型以外，我們還可以擴展笛卡爾Flex圖表控件還創建自定義的Flex圖表。
區域Flex圖表
我們使用Flex圖表控件將數據表示為一個用與數據值相關的線來界定的區域。在線以下的區域用一種顏色或是一種類型來進行填充。我們可以用圖標或是符號來表示線上的每一個數據點，或者是不使用圖標而僅用單一的線。
下圖是一個區域Flex圖表的例子：
條狀圖
我們使用條狀圖控件來將數據表示為一系列的垂直條，垂直條的長度由數據值為決定。我們可以使用條狀圖控件來表示Flex圖表的多樣性。
條狀圖實際上是柱狀圖順時針旋轉90度。所以條狀圖與柱狀圖有著許多同樣的特性。
泡沫圖
我們使用泡沫圖對于每一個數據點用三個值來表示數據：一個值決定他的X位置，一個值決定他的Y位置，而另一個值來決定Flex圖表符號Flex圖表上相對于其他數據點的尺寸。
<mx:BublleChart>標簽還有一個額外的屬性，maxRadius。這個屬性以象素值指定了***的Flex圖表元素的***半徑。與***值相關的數據點賦值為這個半徑值，而其他的數據點相對于***值賦值為一個較小的半徑值。默認值為30象素。
如下圖為一個泡沫圖的例子：
#p#
燭臺圖表
CandlestickChart控件將財經數據表示為一個系列的燭臺，來表示數據系列的高，低，開放與關閉的值。燭臺上每一個垂直線的***點與***點表示數據點的***值與最小值，而整個盒的***點與***點代表數據的開放值與關閉值，每一個燭臺的不同填充由數據點的關閉值是否高于或是低于開放值來決定。
如下圖是一個燭臺Flex圖表的例子：
列狀圖
ColumnChart控件將數據表示為一系列的垂直列，他的高度由數據值為決定。我們可以使用ColumnChart控件來創建各種類型的列狀圖，包含簡單列，簇列等。
一個簡單的Flex圖表顯示一個單一的數據系列，在這里系列是一組相關的數據點。例如，一個數據系列也許是每個月的銷售收益，或者是每天的旅館出租率。下面的Flex圖表顯示了一個相應于過去四個季度的銷售增長比例的數據系列：
HighLowOpenCloseFlex圖表
HLOCChart控件將財經數據表示為一系列的代表高，低，開放與關閉的數據系列值。垂直線的***點與***點代表數據點的***值與***值，而左邊的符號標記代表值的開始點，右邊的符號標記代表值的結束點。
HLOCChart控件并不需要代表開始值的數據點。相關的Flex圖表CandlestickChart將簡單的數據表示為燭臺。我們使用HLOCSeries配合HLOCChart控件來為HighLowOpenCloseFlex圖表定義數據。下面的例子顯示了一個HighLowOpenCloseFlex圖表：
#p#
線圖
LineChart控件將數據表示為了笛卡爾坐標系列中的一系列點，彼此之間由連續的線進行連接。我們可以使用圖標或是符號來表示線上的每一個數據點，或者不使用圖標顯示簡單的線。
下圖是一個簡單的線圖的例子：
餅圖
我們可以使用PieChart來定義一個標準的餅圖。數據提供者的數據決定餅圖中相對于其他邊的每一個邊的尺寸。
下圖是一個簡單的餅圖的例子：
Flex可以讓我們創建圓環圖。圓環圖與餅圖相同，所不同只是前者有一個空心與類似輪子的形狀，而不是填充的圓。下圖是一個簡單的圓環圖的例子：
塊圖
我們使用PlotChart控件來在笛卡爾坐標系中表示數據，其中每一個數據點有一個決定其位置的X坐標與Y坐標。我們可以定義Flex所顯示的每一個數據點的形狀。
下圖是一個簡單的塊圖的例子：
【編輯推薦】
- Flex圖表組件大全
- Flex基礎 創建***個Flex項目
- 解析Flex事件執行流程
- FlexBuilder3.0與Eclipse3.4的***結合
- 學習筆記 FlexBuilder2.0中如何使用基于Lists的控件
