c# Winform Chart入門

額外參考連接：http://www.cnblogs.com/greenerycn/archive/2008/10/27/microsoft-chart.html

winform 儀表盤相關下載連接：//download.csdn.net/download/floweroflvoe/10432601?utm_source=bbsseo

首先添加引用System.Windows.Forms.DataVisualization，添加引用後，工具面板上將在數據中顯示Chart,可直接拖拽到界面上。

代碼中添加UsingSystem.Windows.Forms.DataVisualization.Charting;

1. 當拖拽Chart到界面上時，通常來講Chart及其ChartAreas、Legend部分的背景爲白色，咱們能夠分別經過各自的BackColor設置爲透明或其餘顏色。

　　經過設置Series的ChartType屬性來選擇圖表類型，通常經常使用：折線Line，柱狀圖Column，餅狀圖Pie,雷達圖Redar等等。

2. 設置ChartAreas屬性

ct.ChartAreas.Add(new ChartArea() { Name = "ca1" }); //背景框
ct.ChartAreas[0].Axes[0].MajorGrid.Enabled = false; //X軸上網格
ct.ChartAreas[0].Axes[1].MajorGrid.Enabled = false; //y軸上網格
ct.ChartAreas[0].Axes[0].MajorGrid.LineDashStyle = ChartDashStyle.Dash; //網格類型 短橫線
ct.ChartAreas[0].Axes[0].MajorGrid.LineColor = Color.Gray;
ct.ChartAreas[0].Axes[0].MajorTickMark.Enabled = false; // x軸上突出的小點
ct.ChartAreas[0].Axes[1].MajorTickMark.Enabled = false; //
ct.ChartAreas[0].Axes[1].IsInterlaced = true; //顯示交錯帶
ct.ChartAreas[0].Axes[0].LabelStyle.Format = "#年"; //設置X軸顯示樣式
ct.ChartAreas[0].Axes[1].MajorGrid.LineDashStyle = ChartDashStyle.Dash; //網格類型 短橫線
ct.ChartAreas[0].Axes[1].MajorGrid.LineColor = Color.Blue;
ct.ChartAreas[0].Axes[1].MajorGrid.LineWidth = 3;

ct.ChartAreas[0].BackColor = System.Drawing.Color.Transparent; //設置區域內背景透明

3. 設置值Series

//添加的兩組Test數據
List<int> txData2 = new List<int>() { 2011, 2012, 2013, 2014, 2015, 2016 };
List<int> tyData2 = new List<int>() { 9, 6, 7, 4, 5, 4 };
List<int> txData3 = new List<int>() { 2012 };
List<int> tyData3 = new List<int>() { 7 };

ct.Series.Add(new Series()); //添加一個圖表序列
// ct.Series[0].XValueType = ChartValueType.String; //設置X軸上的值類型
ct.Series[0].Label = "#VAL"; //設置顯示X Y的值
ct.Series[0].ToolTip = "#VALX年\r#VAL"; //鼠標移動到對應點顯示數值
ct.Series[0].ChartArea = ct.ChartAreas[0].Name; //設置圖表背景框ChartArea 
ct.Series[0].ChartType = SeriesChartType.Line; //圖類型(折線)
ct.Series[0].Points.DataBindXY(txData2, tyData2); //添加數據
//折線段配置
ct.Series[0].Color = Color.Red; //線條顏色
ct.Series[0].BorderWidth = 3; //線條粗細
ct.Series[0].MarkerBorderColor = Color.Red; //標記點邊框顏色
ct.Series[0].MarkerBorderWidth = 3; //標記點邊框大小
ct.Series[0].MarkerColor = Color.Red; //標記點中心顏色
ct.Series[0].MarkerSize = 5; //標記點大小
ct.Series[0].MarkerStyle = MarkerStyle.Circle; //標記點類型

ct.Series.Add(new Series()); //添加一個圖表序列
ct.Series[1].Label = "#VAL"; //設置顯示X Y的值
ct.Series[1].ToolTip = "#VALX年\r#VAL"; //鼠標移動到對應點顯示數值
ct.Series[1].ChartArea = "ca1";        //選擇顯示的ChartArea ，若是和其餘的Series選擇是同一個ChartArea，則在同一個區域中顯示對比
ct.Series[1].ChartType = SeriesChartType.Line; //圖類型(折線)
ct.Series[1].Points.DataBindXY(txData3, tyData3); //添加數據
//折線段配置
ct.Series[1].Color = Color.Black; //線條顏色
ct.Series[1].BorderWidth = 3; //線條粗細
ct.Series[1].MarkerBorderColor = Color.Black; //標記點邊框顏色
ct.Series[1].MarkerBorderWidth = 3; //標記點邊框大小
ct.Series[1].MarkerColor = Color.Black; //標記點中心顏色
ct.Series[1].MarkerSize = 5; //標記點大小
ct.Series[1].MarkerStyle = MarkerStyle.Circle; //標記點類型

4.其餘ChartType的特殊設置

//餅圖說明設置，這用來設置餅圖每一塊的信息顯示在什麼地方
ct.Series[0]["PieLabelStyle"] = "Outside";//將文字移到外側
ct.Series[0]["PieLineColor"] = "Black";//繪製黑色的連線。
//柱狀圖其餘設置
ct.Series[0]["DrawingStyle"] = "Emboss"; //設置柱狀平面形狀
ct.Series[0]["PointWidth"] = "0.5"; //設置柱狀大小

5. 幾種ChartType展現

折線圖-Line	柱狀圖-Column	餅狀圖-Pie	雷達圖-Redar
Spline	Bar	Doughnut