C#下MSchart的應用總結

 

 

【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類型,NewFyjDouble類型。

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

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顏色、邊框、位置的設置;

注意:

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

 第二,多個ChartArea重疊在一起的時候,顏色或圖片只能在疊在最底下的ChartArea來設置,上面的ChartArea都設置爲透明即可,最底下的ChartAreaChartAreas[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是滾動條,仔細看兩者的屬性不難發現,一個是選擇區域,一個是拖拽滾動條查看所有數據。






發佈了59 篇原創文章 · 獲贊 28 · 訪問量 29萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章