1. 程式人生 > >C#下MSchart的應用總結

C#下MSchart的應用總結

width base 刻度 dbn 自動 tab 展開 tex 每一個

【WinForm】MSChart主要屬性

一、繪圖區域ChartAreas

在一個Chart控件中可增加多個繪圖區域,每個繪圖區域包含獨立的圖表組、數據源,可用於多個圖表類型。

1.AlignmentOrientation:圖表區對齊方向,定義兩個繪圖區域間的對齊方式,默認為Vertical。

2.AlignmentStyle:圖表區對齊類型,定義圖表間用以對其的元素。

3.AlignWithChartArea:參照對齊的繪圖區名稱。

4.InnerPlotPosition:圖表在繪圖區內的位置屬性。

a.Auto:是否自動對齊。

b.Height:圖表在繪圖區內的高度(百分比,取值在0-100)

c.Width:圖表在繪圖區內的寬度(百分比,取值在0-100)

d.X,Y:圖表在繪圖區內左上角坐標

5.Position:繪圖區位置屬性,選項如同InnerPlotPosition。

6.Name:繪圖區名稱。

7.Axes:坐標軸集合-非常重要的部分,可分別設置X軸(X axis),Y軸(Y axis),第二X軸(SecnondaryX axis)和第二Y軸(Secnondary Y axis),常用的屬性包括:

a.ArrowStyle設置坐標軸是否有箭頭

b.Interval:軸刻度間隔大小

c.IntervalOffset:軸刻度偏移量大小

d.LableStyle 設置坐標軸的文字大小等

e.MajorGrid:主要輔助線

f.MajorTickMark:主要刻度線

g.MinorTickMark:次要刻度線

h.MinorGrid:次要輔助線

i.Title:坐標軸標題

j.TitleAlignment:坐標軸標題對齊方式

二、數據系列Series

Series:最重要的屬性,圖表集合,就是最終看到的餅圖、柱狀圖、線圖、點圖等構成的合;可以將多種相互兼容的類型放在一個繪圖區域內,形成復合圖。

1.ChartArea:圖表所屬的繪圖區域名稱

2.ChartType:圖表類型(柱形、餅形、線形、點形等)

3.IsValueShownAsLabel:是否顯示數據點標簽,如果為true,在圖表中顯示每一個數據值

4.Label:數據點標簽文本

5.LabelFormat:數據點標簽文本格式

6.LabelAngle:標簽字體角度

7.Legend:當前數據系列(圖表)使用的圖例名稱

8.Name:數據系列的名稱

9.Palette:數據系列(圖表)外觀定義

10.Points:數據點集合,構成數據系列的點

11.XValueMember:橫坐標綁定的數據源

12.XValueType:橫坐標軸類型

13.YValueMembers:縱坐標綁定的數據源

14.YValueType:縱坐標軸類型

、圖例Legends

MSChart的圖例默認不顯示,但可進行如下設置:

1.Alignment:對齊方式

2.AutoFitMinFontSize:當IsTextAutoFit為true時,顯示的最小字體

3.BackColor:背景顏色,當本身的繪圖區域有背景時,將其設置為transparent效果更佳。

4.enabled:是否顯示圖例

5.IsTextAutoFit:文字大小根據圖例區域的大小自動調整

6.Position:圖例出現的位置

技術分享

從圖中可以看到一個chart可以繪制多個ChartArea,每個ChartArea都可以繪制多條Series。ChartArea就是就是繪圖區域,可以有多個ChartArea疊加在一起,series是畫在ChartAarea上的,Series英文意思是“序列、連續”,其實就是數據線,它可以是曲線、點、柱形、條形、餅圖...可以註意該chart當數據非常多的時候可以通過鼠標選擇查看區域,進一步拖拽橫縱向滾動條來縮小曲線圖查看。

一、數據源:

數據返回方式是DataSet.Tables[0],即DataTable,也是最基本的數據源方式。這裏只介紹DataTable綁定數據源,很簡單:

chartData.DataSource = dt;

chartData.DataBind();

二、Series:

Series是畫在ChartArea上的線、點、柱形、條形、餅圖,簡單點兒說就是畫在上面的數據,直接說屬性,

1. “標記”:就是數據點,某個數據值的點。如下圖所示:

技術分享

技術分享

3. “Font”:數據標簽上的字體和樣式

Font 標簽字體設置

Font.Unit 個人設置此值為Document,自己體會

LabelAngle 標簽角度,斜多少度,建議就正著

LabelBackColor 標簽背景顏色

LabelBorderColor 標簽邊框顏色

LabelBorderDahStyle 標簽邊框樣式

LabelBorderWidth 標簽邊框寬度

LabelForeColor 標簽字體顏色

其他屬性自己試

4、空白點(EmptyPointStyle):就是連續的數據,譬如X軸對應Y軸沒數據,或Y軸對應X軸沒數據,這樣的數據點可以對其設置相應的屬性;

5、數據源:註意這裏是Series的數據源(XValueMember、YValueMembers)

註意:
第一,這兩個屬性對應的是DataTable的兩個列,也就是一般的X軸對應時間,Y軸對應數據值,但是也要註意對DataTable的每個數據單元的值做判斷,尤其是DBNull或空。我這裏的數據庫的NewDateTime列數據類型是DateTime類型,NewFyj是Double類型。

第二,Series的數據源和Chart控件的數據源有區別,只有DataTable先綁定了Chart,Series才對應到列,否則無法對應。

6. 圖表(ChartArea):也就是Serie畫在哪個ChartArea上,ChartType是Serie的圖表類型,也就是畫何種圖,曲線圖、直線圖、點、柱狀圖、餅圖等...

7. 圖例(Legend):也就是每個Serie的名字和樣式,只要創建Serie就會自動產生加載在Legend裏,裏面的屬性可以試一下,如果想調整Legend的位置,可以去Legend集合裏設置,比較簡單,這裏不多說

8. 映射區(TooTip):鼠標放在數據點上出現的小提示,建議用代碼控制;

9. 雜項: EmptyPointValue:空數據點的值做平均還是做零處理

LabelStyle: 對標簽硬性的規定顯示在數據點旁的哪個位置

10. 軸:也就是X軸和Y軸,X軸有主軸和副軸,Y軸也有主軸和副軸,主軸為Primary,副軸為Secondary。X主軸在下方,Y主軸在右方,X副軸在上方,Y副軸在右方。

三、ChartAreas:

Chart控件裏最重要的,每個Serie都畫在ChartArea上,Chart控件可以有多個ChartArea疊加在一起顯示。比如第一個ChartArea繪制的是曲線,第二個畫的柱狀圖或者是別的,這也是上面說過的Serie的ChartType,我們也可以把多個Serie畫在一個ChartArea上,但是如果有一個列數據單位範圍在500~10000之間的數據浮動最大,有一列數據單位範圍在0.1~2.0之間,有一列數據單位範圍在50~100之間,那畫在同一個ChartArea上顯示的話,0.1到2.0的數據會變成一條直線。當只有1、2條這樣的數據時,可以在Serie中設置主軸和副軸,但當出現多條數據,多種類型的顯示,就需要多個ChartArea來解決了。

1. 對齊:ChartArea對齊方式;

AlignmentOrientation水平對齊、垂直對齊、全部對齊

AlignmentStyle 根據哪種方式對齊 AlignmentWithChartArea和哪個對齊

2. 三維(Area3DStyle):自己試試,效果很沈重,不是很好;

3. 外觀:可以對ChartArea顏色、邊框、位置的設置;

註意:

第一,InnerPlotPosition和Position一個是大的,一個是內部繪制的,試一下就明白了,這裏最重要的是多個ChartArea重疊在一起的時候,兩個Position一定要設置相同,否則就重疊不上了。

第二,多個ChartArea重疊在一起的時候,顏色或圖片只能在疊在最底下的ChartArea來設置,上面的ChartArea都設置為透明即可,最底下的ChartArea是ChartAreas[0],所以不要設置錯。

4. 遊標:CursorX和CursorY,就是橫向和縱向滾動條, 首先強調一下,只要想選擇區域細看曲線圖,就一定要啟用遊標,遊標的設置只能在疊加在最上面的ChartArea進行設置,也就是ChartArea[ChartArea.Count-1],X軸和Y軸上都可以有遊標,可以拖動,可以註意看有個按鈕上面有個圓圈,就是向後退,滑動用戶選擇的區域,松開鼠標就會變成該區域的圖形;

5. 軸Axes!!:非常重要,一個ChartArea有4個軸:主軸X axis、主軸Y(Value)axis、副軸X axis、副軸Y(Value)axis,每個軸屬性均相同;屬性:標簽、間隔(Interval)、標題、數據視圖(ScaleView)、滑動條(ScrollBar),外觀、網絡刻度線等;

註意: ScaleView是數據視圖,也就是當前繪制出圖表的一個區域,如果用鼠標選擇某個區域展開顯示,新展開的就又是一個ScaleView,只把它想成當前顯示的視圖就好理解了。ScrollBar就是遊標,之前我們說的ChartArea.CursorX或Y是也是遊標,這裏的ScrollBar是滾動條,仔細看兩者的屬性不難發現,一個是選擇區域,一個是拖拽滾動條查看所有數據。

C#下MSchart的應用總結