C# 實時折線圖，波形圖

如果需要查看更多文章，請微信搜索公眾號 csharp編程大全，需要進C#交流群群請加微信z438679770，備注進群， 我邀請你進群！ ！ ！

------------------------------------------------------------------------

此Demo是采用VS自帶的Chart圖表控制元件，制作實時動態顯示的折線圖，和波形圖，本文僅供學習分享使用，如有不足之處，還請指正，

涉及知識點：

• Chart 控制元件，功能強大，可以繪制柱狀圖，折線圖，波形圖，餅狀圖，大大簡化了對圖的開發與定制，

　　　　Chart控制元件的相關概念：

•  

• ChartArea，表示圖表區域，一個Chart可以繪制多個ChartArea，重疊在一起，

• Series ，表示資料序列，每個ChartArea可以有多個資料線，即，Series屬于ChartArea.

• AxisX,AxisY,表示主坐標軸，每一個ChartArea都有對應的坐標軸，包括主坐標軸，輔坐標軸

• Queue集合，表示先進先出的集合，

　　　　主要有兩個方法：

•  

• Dequeue() 表示移除并回傳位于 System.Collections.Generic.Queue<T> 開始處的物件，

• Enqueue() 表示將物件添加到 System.Collections.Generic.Queue<T> 的結尾處，

• Timer ，定時器，定時之行相應的功能，更新資料，重繪圖表，

• -----------------------------------------------------------------------------------------------------------

  效果圖

• 

   

   

  如下【先點擊初始化按鈕，再點擊開始按鈕】：

  折線圖【折線圖，是取[0,100]之間的隨即數進行填充】：

• 

    1 using System;
    2 using System.Collections.Generic;
    3 using System.ComponentModel;
    4 using System.Data;
    5 using System.Drawing;
    6 using System.Linq;
    7 using System.Text;
    8 using System.Windows.Forms;
    9 using System.Windows.Forms.DataVisualization.Charting;
   10 
   11 namespace WindowsFormsApp14
   12 {
   13     public partial class Form1 : Form
   14     {
   15         private Queue<double> dataQueue = new Queue<double>(100);
   16 
   17         private int curValue = https://www.cnblogs.com/zyr365/archive/2020/10/10/0;
   18 
   19         private int num = 5;//每次洗掉增加幾個點
   20 
   21         public Form1()
   22         {
   23             InitializeComponent();
   24         }
   25 
   26         /// <summary>
   27         /// 初始化事件
   28         /// </summary>
   29         /// <param name="sender"></param>
   30         /// <param name="e"></param>
   31         private void btnInit_Click(object sender, EventArgs e)
   32         {
   33             InitChart();
   34         }
   35 
   36         /// <summary>
   37         /// 開始事件
   38         /// </summary>
   39         /// <param name="sender"></param>
   40         /// <param name="e"></param>
   41         private void btnStart_Click(object sender, EventArgs e)
   42         {
   43             //this.timer1.Start();
   44             timer1.Enabled = true;
   45             //MessageBox.Show("123456");
   46         }
   47 
   48         /// <summary>
   49         /// 停止事件
   50         /// </summary>
   51         /// <param name="sender"></param>
   52         /// <param name="e"></param>
   53         private void btnStop_Click(object sender, EventArgs e)
   54         {
   55            // this.timer1.Stop();
   56             timer1.Enabled = false;
   57         }
   58 
   59         /// <summary>
   60         /// 定時器事件
   61         /// </summary>
   62         /// <param name="sender"></param>
   63         /// <param name="e"></param>
   64         private void timer1_Tick(object sender, EventArgs e)
   65         {
   66 
   67             UpdateQueueValue();
   68             
   69             this.chart1.Series[0].Points.Clear();
   70             for (int i = 0; i < dataQueue.Count; i++)
   71             {
   72                 this.chart1.Series[0].Points.AddXY((i + 1), dataQueue.ElementAt(i));
   73             }
   74         }
   75 
   76         /// <summary>
   77         /// 初始化圖表
   78         /// </summary>
   79         private void InitChart()
   80         {
   81             //定義圖表區域
   82             this.chart1.ChartAreas.Clear();
   83             ChartArea chartArea1 = new ChartArea("C1");
   84             this.chart1.ChartAreas.Add(chartArea1);
   85             //定義存盤和顯示點的容器
   86             this.chart1.Series.Clear();
   87             Series series1 = new Series("S1");
   88             series1.ChartArea = "C1";
   89             this.chart1.Series.Add(series1);
   90             //設定圖表顯示樣式
   91             this.chart1.ChartAreas[0].AxisY.Minimum = 0;
   92             this.chart1.ChartAreas[0].AxisY.Maximum = 100;
   93             this.chart1.ChartAreas[0].AxisX.Interval = 5;
   94             this.chart1.ChartAreas[0].AxisX.MajorGrid.LineColor = System.Drawing.Color.Silver;
   95             this.chart1.ChartAreas[0].AxisY.MajorGrid.LineColor = System.Drawing.Color.Silver;
   96             //設定標題
   97             this.chart1.Titles.Clear();
   98             this.chart1.Titles.Add("S01");
   99             this.chart1.Titles[0].Text = "XXX顯示";
  100             this.chart1.Titles[0].ForeColor = Color.RoyalBlue;
  101             this.chart1.Titles[0].Font = new System.Drawing.Font("Microsoft Sans Serif", 12F);
  102             //設定圖表顯示樣式
  103             this.chart1.Series[0].Color = Color.Red;
  104             if (rb1.Checked)
  105             {
  106                 this.chart1.Titles[0].Text = string.Format("XXX {0} 顯示", rb1.Text);
  107                 this.chart1.Series[0].ChartType = SeriesChartType.Line;
  108             }
  109             if (rb2.Checked)
  110             {
  111                 this.chart1.Titles[0].Text = string.Format("XXX {0} 顯示", rb2.Text);
  112                 this.chart1.Series[0].ChartType = SeriesChartType.Spline;
  113             }
  114             this.chart1.Series[0].Points.Clear();
  115         }
  116 
  117         //更新佇列中的值
  118         private void UpdateQueueValue()
  119         {
  120 
  121             if (dataQueue.Count > 100)
  122             {
  123                 //先出列
  124                 for (int i = 0; i < num; i++)
  125                 {
  126                     dataQueue.Dequeue();
  127                 }
  128             }
  129             if (rb1.Checked)
  130             {
  131                 Random r = new Random();
  132                 for (int i = 0; i < num; i++)
  133                 {
  134                     dataQueue.Enqueue(r.Next(0, 100));
  135                 }
  136             }
  137             if (rb2.Checked)
  138             {
  139                 for (int i = 0; i < num; i++)
  140                 {
  141                     //對curValue只取[0,360]之間的值
  142                     curValue = https://www.cnblogs.com/zyr365/archive/2020/10/10/curValue % 360;
  143                     //對得到的正玄值，放大50倍，并上移50
  144                     dataQueue.Enqueue((50 * Math.Sin(curValue * Math.PI / 180)) + 50);
  145                     curValue = https://www.cnblogs.com/zyr365/archive/2020/10/10/curValue + 10;
  146                 }
  147             }
  148         }
  149 
  150         private void Form1_Load(object sender, EventArgs e)
  151         {
  152 
  153         }
  154     }
  155 }

  View Code

  備注

  關于定時器Timer【微軟自帶的控制元件】:

  說明：表示在相同的時間間隔，引發用戶自定義的事情 ，實作用戶需要的功能，本例中是用來定時更新佇列中的資料，并重繪圖表，

  常用說明：

  1. Interval 時間間隔，以毫秒為單位，本例是300毫秒，

  2. Tick 定時觸發的事件，本例對應timer1_Tick事件方法，

  3. Start()，Stop() 表示定時器的啟動和停止，Enabled 表示定時器是否啟用，默認值為 false，需要手動設定為true，

  4. -----------------------------------------------------------------------

• 如果需要查看更多文章，請微信搜索公眾號 csharp編程大全，需要進C#交流群群請加微信z438679770，備注進群， 我邀請你進群！ ！ ！

  -

標籤：.NET技术

上一篇：C#與sql進行圖片存取

下一篇：C# 用IrisSkin4.dll美化你的WinForm