winform chart控件運用

爲了弄一個實時數據顯示的窗口，最近一週時間都耗在這個控件上了，屬性有點多（下面列的是一些經常使用的）

後來乾脆寫代碼把他們封裝起來，各個chart直接來調用它，免得到屬性裏面去設置。

chart內的一些元素：

chart控件的主要兩個屬性爲 chartAreas和Series。

 

void chartProperty(Chart  chartName)   //封裝 圖表屬性
        {
            //chartAreas屬性 (圖表區域)
            chartName.ChartAreas[0].BackColor = Color.Black;   //背景顏色：黑（此處設爲黑，其餘設爲白 纔可看見）      
            chartName.ChartAreas[0].BorderColor = Color.White ;  //邊框顏色：白


            chartName.ChartAreas[0].AxisX.LabelStyle.ForeColor = Color.White;
            chartName.ChartAreas[0].AxisX.Title = "時間";       //X軸標題爲「時間」
            chartName.ChartAreas[0].AxisX.TitleForeColor = Color.White;  //「時間」顏色爲白色
            chartName.ChartAreas[0].AxisX.Maximum = 60;
            chartName.ChartAreas[0].AxisX.Minimum  = 0;
            chartName.ChartAreas[0].AxisX.Interval = 5;        //軸刻度間隔
            chartName.ChartAreas[0].AxisX.LineColor = Color.White;  //軸線顏色

            chartName.ChartAreas[0].AxisX.MajorGrid.LineColor = Color.White;
            chartName.ChartAreas[0].AxisX.MajorGrid.LineDashStyle = ChartDashStyle.Dash;//網格刻線爲虛線、白色

            //series屬性 圖表數據集
            //chartName .Series [0].XValueMember =
            //chartName .Series [0].YValueMembers =
            chartName.Series[0].ChartType = SeriesChartType.Spline;   //圖表類型 樣條曲線
            chartName.Series[0].Color = Color.Green;                 //圖形顏色 綠色
            chartName.Series[0].BorderWidth = 4;             //曲線寬度 4
            //曲線上邊 每一個數的標記
            chartName.Series[0].MarkerColor = Color.Red;
            chartName.Series[0].MarkerBorderColor = Color.Yellow;
            chartName.Series[0].MarkerBorderWidth = 2;
            chartName.Series[0].MarkerStyle = MarkerStyle.Circle;  //圓形標記

            chartName.Series[0].IsValueShownAsLabel = true;    //曲線上的數字是否顯示
            chartName.Series[0].LabelForeColor = Color.White;    //曲線上數字顏色 

        }

View Code

固然還有chart自己的size、name、anchor、backcolor、datasource等屬性，還有chartAreas的position屬性也是須要設置的。

 

 //窗口最小化的狀況下 ，排列好位置
void minHua()   

        {
            chartAmperage.Height = 75;   
            chartAmperage.Top = 0;

            chartVoltage.Height = 75;    //高度， 上邊緣
            chartVoltage.Top = 78;

            chartWFS.Height = 75;
            chartWFS.Top = 156;

            chartWeldScore.Height = 75;
            chartWeldScore.Top = 234;

            chartGSF.Height = 75;
            chartGSF.Top = 312;
        }

View Code

 

用兩個定時器組件 實現數據實時顯示

也可參考：C# chart控件實時動態顯示數據