[ASP.NET]小玩一下ASP.NET3.5 Chart Controls-Introduction
今天下載了ASP.NET3.5個Chart Controls來玩玩,還不知道這是什麼的人可以先看看水瓶大、保哥跟demo寫的介紹文:
繪圖的新利器 - Microsoft Chart Controls for .NET Framework 3.5
介紹好用元件:Microsoft Chart Controls for .NET 3.5
Microsoft Chart Controls圖表新利器
看完上面三篇你應該會對這東西有些基本的了解,先前版本的ASP.NET本來也有Chart這種控制項,不過在美觀度上實在是差太多了,而熟悉RS 2008的朋友應該對這些圖一點也不陌生,因為這些Chart Controls跟RS 2008的圖表幾乎是一模一樣,而從RS 2005到RS 2008的圖表為什麼會有這麼大的進步,其實這要歸功於Dundas這家公司了,這套圖表是微軟向Dundas(可看這邊的demo)購買後將其納入其產品功能中,讓整個報表更炫,更漂亮,這是很吸引人的一大賣點,接著微軟又將這套圖表以Add-ins的形式讓我們可以在一般的Webform與Winform中使用,實在是佛心來著。
做完以上的安裝後,我們可以在VS 2008的工具箱中看到Chart這個控制項:
你可能覺得很奇怪,明明看上面的demo就有一堆圖,這邊怎麼只有一個控制項,且慢心急,下面我們來看看是怎麼一回事吧,當我將控制項拉到畫面上時他預設的圖型是長條圖:
接著我們一一來介紹一下Chart Controls的一些關鍵屬性吧,這些關鍵屬性放在圖表的屬性集合中:
- Annotations
代表的是幫某個圖表加上註解說明,如下圖我的設定,圖表上就會多畫上一條線,而這條線的位置與偏移距離會依我設定的錨點而定,在runtime時甚至可動態決定它出現的位置,跟要顯示的Tooltip內容:
- ChartAreas
代表的是放置圖表區域的外觀設定,包含3D效果與圖表區的色系都可以自行調整,這邊指的圖表範圍不包含上方的gipi的第一個圖與右邊的年資標籤喔,只包含圖表本身:
- Legends
代表的是圖表區外面的標籤等內容,如下例中的年資與薪增等級,用講的有些不易理解,我們來看看下方有設定Legends與沒有設定的差異應該會比較清楚一些,有發現什麼佈一樣嗎?年資的那個標籤不見了,
同時也可以設定將Legends放到圖表中,讓整體看起來更漂亮喔,只要選擇Legends中的DockToChartArea,並選擇你要停駐的ChartArea名稱就可以囉:
- Series
代表的是表中的數列集合,有時候我們希望能在一張表中同時呈現兩個數據,比如年齡的分佈與薪資的等級,藉以同時了解年齡與薪等的狀況,要得到下列的呈現方式,我們只要定義好兩個Series的Members就好:
另外如果你要選擇圖表的類型也是在Series中設定喔,請找到ChartType,裡頭有20-30種圖示可以選擇:
- Titles
代表的是圖表的Title,一張圖表可以有多個Title疊在一起,看你自己的喜好去設定囉。
簡單介紹,因為剛入門時在找這些功能在哪或者是做什麼用的也花了一些時間,後續再繼續撰寫一些程式面的應用吧。
游舒帆 (gipi) 探索原力Co-founder,曾任TutorABC協理與鼎新電腦總監,並曾獲選兩屆微軟最有價值專家 ( MVP ),離開職場後創辦探索原力,致力於協助青少年培養面對未來的能力。認為教育與組織育才其實息息相關,都是在為未來儲備能量,2018年起成立為期一年的專題課程《職涯躍升的關鍵24堂課》,為培養台灣未來的領袖而努力。 |