目前所知，創建ColumnLineChart可以沿用三種方法：利用圖表嚮導、藉助設計器和編寫代碼。本文介紹用圖表嚮導生成ColumnLineChart的步驟方法，掌握此方法，可迅速讓你熟悉掌握Infragistics公司的UltraChar控件。這裏插一句，不得不說UltraChart功能很強大，麻煩的是其沒有中文文檔，本文介紹內容融入了不少我自己對控件屬性的理解，如有不妥的地方，還望指正！
第一步：打開圖表嚮導
打開圖表嚮導有兩方法：當我們拖放圖表控件(UltraChart)到窗體時，圖表嚮導就自動打開了；在設計階段右鍵點圖表控件，從彈出快捷菜單中選擇“Chart Wizard”。無論你採用哪種方法，都將得到下圖效果。
圖1 選擇嚮導類型
上圖提供給我們兩個主要選擇：快速配置簡單類型圖表和配置複合圖表。簡單圖表就是我們常見的餅圖(Pie Chart)、柱狀圖(Column Chart)、線狀圖(Line Chart)等，說它簡單，我的理解是說圖形的生成對數據的要求不高，很容易滿足；相對而言，那些圖形的生成對數據的要求複雜多樣，不是很容易滿足的圖表，就是複合圖表(Composite Chart)。從字面上也可以這樣理解，符合圖表由簡單圖表複合構成。
圖1中下方的那四個並排按紐Cancle(取消操作)、Back(返回上一級)、Next(跳轉下一級)、Finish(完成配置)，其用來幫助我們完成配置工作。這裏要說明的是，圖表嚮導提供的諸步驟都有進行默認設置，跳過其中的一步不幾步沒有影響，不用我們按步就班的進行操作。但我們的介紹還是按步就班的進行，呵呵！
由於我們要生成ColumnLineChart，其屬於簡單類型圖表，此處要點圖1上方圖片或者選圖1上的那個“select”命令，將跳轉到下一畫面進行設置，參見圖2
第二步：選擇你要操作的圖表類型
圖2 選擇圖表類型
步驟二讓我們選擇要生成的圖表類型。我們分別點選下拉表中的圖表類型，右邊會相應出現最終生成圖例的效果，並附上相應的功能介紹，這是考驗你的英文功力的時候了。此處我們點選ColumnLineChart圖例，效果參見圖2。
ColumnLineChart圖集成了柱狀圖和線狀圖的優點：一是具有柱狀圖顯示數據直觀效果；二是具有線狀圖顯示數據變化趨勢。
我們把目光停留在這一長串並排的按鈕Chart Type、 Data Lables、Axes、Color Model、Legends、Chart Title和Chart Data,前文說過圖表嚮導提供的諸步驟可非線性進行設置，在此處分別點選諸按鈕，將直接進入到不同步驟中。
點選“Next”,跳到下一畫面進行設置，參見圖3。
第三步：設置是否在圖上顯示相應數據值
圖3 是否在圖上顯示相應數據值
此步驟功能是設置是否在圖上顯示對應數據值，此功能只開放給2維的Column(柱狀圖)、Bar(條狀圖)、Area(區域圖)、Line(線狀圖)、Pie(餅狀圖)、Bubble(氣泡圖)和Scatter(散列圖)，ColumnLineChart不在此列，不能在圖上顯示對應數據值。
點選“Next”,跳到下一畫面進行設置，參見圖4
第四步：設置圖表的軸線
圖4 設置圖表的軸線
之前的介紹說過，圖表嚮導會根據你所選擇的圖表類型的不同，爲你的每一步向導設置默認值，這些值完全符合所選圖表類型的數據要求。如圖4,系統默認已經設置好四個軸線HorizontalX-Axis,VerticalY-Axis,Secondary HorizontalX-Axis,Secondary VerticalY-Aix,其中
HorizontalX-Axis和Secondary HorizontalX-Axis被設置爲<ITEM_LABEL>,VerticalY-Axis和Secondary VerticalY-Aix被設置爲<DATA_VALUE:00.##>,當然上述設置格式都可以進行修改，但強烈推薦不要那樣做，保持原樣即可，因爲這樣的默認設置符合ColumnLineChart
對數據的要求，改後可能不滿足！
通常情況下，HorizontalX-Axis和VerticalY-Axis的設置滿足了ColumnLineChart的ColumnChart數據要求(ColumnLineChart可視爲ColumnChart與LineChart複合而成)，Secondary HorizontalX-Axis和Secondary VerticalY-Aix的設置滿足了ColumnLineChart的LineChart數據要求。
圖4中切換到"Axis Extend and Margins"欄，參見圖5的效果，此處可調整圖表佔整個繪圖區的比例和與邊線的距離，此操作很好玩，調整過程中右側圖會跟着變化，很具有直觀性。
圖5 調整圖表與繪圖區域的位置關係
圖4中，還有個功能，那就是切換每個軸線，可具體設置這些軸線是否可見以及網紋線(Grid Line)是否可見,見圖4左下區域，點選或取消Visible前的選擇框,以及點選MinorGridLines前的選擇框即可得到相應效果。
點選“Next”,跳到下一畫面進行設置，參見圖6
第五步：設置圖表的顯示顏色
圖6 設置圖表的顏色
我們要展現的數據，如果能用顏色進行有效區分，同組的一色，不同組的另一色，這樣我們得到的圖表將會很直觀，可以從顏色上進行有效區分，此步驟就指導我們做這件事。
事實上，系統已經爲我們定義的一些顏色樣式，只要我們做選擇指定，然後設置好用於所選顏色樣式的方法即可得到很漂亮的顏色方案，這些顏色樣式包括：LinearRange、LinerRandom、PureRandom，其中LinearRange和LinerRandom這兩種顏色樣式大致是種漸變色效果，系統可讓我們對漸變色效果的起、止顏色進行設定。
另外，系統還提供了一些樣式設置，比如CustomLiner、CustomRandom，其要求我們在後臺編寫代碼來指定圖表顯示顏色。
點選“Next”,跳到下一畫面進行設置，參見圖7
第六步、設置圖表的Legend
圖7 設置圖象的Legend
圖表的legends是一個顏色指示器，它告訴我們系統採用哪種顏色來代表哪一類數據，讓我們看着一清二楚。
圖7中讓我們進行設置的就是要不要顯示legends和在圖表的哪個方位(單選)，包括：left、right、top和buttom，顯示legends。
點選“Next”,跳到下一畫面進行設置，參見圖8
第七步：設置圖表的標題
圖8 設置圖表的標題
圖表標題用來給這張圖做描述，你可以設置在圖表的哪個方位(可多選)，包括：left、right、top和buttom，顯示標題內容、進行標題的格式(加粗、斜體、下劃線、左對齊、居中對齊、右對齊、字體設置)。
點選“Next”,跳到下一畫面進行設置，參見圖9
第八步：設置圖表數據的關鍵屬性
圖9 設置圖表的重要屬性
本部分，包含三個重要的屬性ZeroAlignData屬性、SwapRowsAndColumns屬性和RowsLabelsColumn屬性。
ZeroAlignData屬性用於這樣的情況：提供數據範圍不包括0，比如數據範圍是10~200，設置ZeroAlignData屬性爲True將會使得圖表軸線從0出繪製，否則會從10開始繪製。
SwapRowsAndColumns屬性如字面所包含意義那樣，其通告圖表將列字段、行字段交換位置，從而使得數據錶轉置，這樣處理後可得到不樣的數據效果。
RowsLabelsColumn屬性，此屬性用於這樣的情況：對於某軸線，你所提供的數據源包含多列，都滿足此軸線的數據要求，你會選擇哪列作爲此軸線的標籤呢？
總結和查看效果
爲使得最終查看的效果有意義和使得輸出效果美觀，我在頁面的Page_load()中加了一個如下代碼，並調整了軸上標籤的顯示方向，附加參見圖10，最終我們得到的生成效果見圖11，圖12是設置了SwapRowsAndColumns屬性後的效果。
圖10 Page_Load加載代碼
圖11 圖表生成效果
圖12 設置了SwapRowsAndColumns屬性後的效果