C# 繪制實(shí)時(shí)折線圖，波形圖

更新時(shí)間：2020年07月10日 16:20:27 作者：Alan.hsiang

這篇文章主要介紹了C# 繪制實(shí)時(shí)折線圖，波形圖的方法，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下

此Demo是采用VS自帶的Chart圖表控件，制作實(shí)時(shí)動(dòng)態(tài)顯示的折線圖，和波形圖。本文僅供學(xué)習(xí)分享使用，如有不足之處，還請(qǐng)指正。

涉及知識(shí)點(diǎn)：

Chart 控件，功能強(qiáng)大，可以繪制柱狀圖，折線圖，波形圖，餅狀圖，大大簡(jiǎn)化了對(duì)圖的開(kāi)發(fā)與定制。

　　　　Chart控件的相關(guān)概念：

ChartArea，表示圖表區(qū)域，一個(gè)Chart可以繪制多個(gè)ChartArea，重疊在一起。
Series ，表示數(shù)據(jù)序列，每個(gè)ChartArea可以有多個(gè)數(shù)據(jù)線。即，Series屬于ChartArea.
AxisX,AxisY,表示主坐標(biāo)軸，每一個(gè)ChartArea都有對(duì)應(yīng)的坐標(biāo)軸，包括主坐標(biāo)軸，輔坐標(biāo)軸

Queue集合，表示先進(jìn)先出的集合。

　　　　主要有兩個(gè)方法：

Dequeue() 表示移除并返回位于 System.Collections.Generic.Queue<T> 開(kāi)始處的對(duì)象。
Enqueue() 表示將對(duì)象添加到 System.Collections.Generic.Queue<T> 的結(jié)尾處。

Timer ，定時(shí)器，定時(shí)之行相應(yīng)的功能，更新數(shù)據(jù)，刷新圖表。
-----------------------------------------------------------------------------------------------------------

效果圖

如下【先點(diǎn)擊初始化按鈕，再點(diǎn)擊開(kāi)始按鈕】：

折線圖【折線圖，是取[0,100]之間的隨即數(shù)進(jìn)行填充】：

波形圖【波形圖，是取正玄值，并放大50倍，然后上移50】

核心代碼

代碼如下：

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Windows.Forms.DataVisualization.Charting;

namespace WindowsFormsApplication1
{
 public partial class RealChart : Form
 {
  private Queue<double> dataQueue = new Queue<double>(100);

  private int curValue = 0;

  private int num = 5;//每次刪除增加幾個(gè)點(diǎn)

  public RealChart()
  {
   InitializeComponent();
  }

  /// <summary>
  /// 初始化事件
  /// </summary>
  /// <param name="sender"></param>
  /// <param name="e"></param>
  private void btnInit_Click(object sender, EventArgs e)
  {
   InitChart();
  }

  /// <summary>
  /// 開(kāi)始事件
  /// </summary>
  /// <param name="sender"></param>
  /// <param name="e"></param>
  private void btnStart_Click(object sender, EventArgs e)
  {
   this.timer1.Start();
  }

  /// <summary>
  /// 停止事件
  /// </summary>
  /// <param name="sender"></param>
  /// <param name="e"></param>
  private void btnStop_Click(object sender, EventArgs e)
  {
   this.timer1.Stop();
  }

  /// <summary>
  /// 定時(shí)器事件
  /// </summary>
  /// <param name="sender"></param>
  /// <param name="e"></param>
  private void timer1_Tick(object sender, EventArgs e)
  {
   UpdateQueueValue();
   this.chart1.Series[0].Points.Clear();
   for(int i=0;i<dataQueue.Count;i++){
    this.chart1.Series[0].Points.AddXY((i+1), dataQueue.ElementAt(i));
   }
  }

  /// <summary>
  /// 初始化圖表
  /// </summary>
  private void InitChart() {
   //定義圖表區(qū)域
   this.chart1.ChartAreas.Clear();
   ChartArea chartArea1 = new ChartArea("C1");
   this.chart1.ChartAreas.Add(chartArea1);
   //定義存儲(chǔ)和顯示點(diǎn)的容器
   this.chart1.Series.Clear();
   Series series1 = new Series("S1");
   series1.ChartArea = "C1";
   this.chart1.Series.Add(series1);
   //設(shè)置圖表顯示樣式
   this.chart1.ChartAreas[0].AxisY.Minimum = 0;
   this.chart1.ChartAreas[0].AxisY.Maximum =100;
   this.chart1.ChartAreas[0].AxisX.Interval = 5;
   this.chart1.ChartAreas[0].AxisX.MajorGrid.LineColor = System.Drawing.Color.Silver;
   this.chart1.ChartAreas[0].AxisY.MajorGrid.LineColor = System.Drawing.Color.Silver;
   //設(shè)置標(biāo)題
   this.chart1.Titles.Clear();
   this.chart1.Titles.Add("S01");
   this.chart1.Titles[0].Text = "XXX顯示";
   this.chart1.Titles[0].ForeColor = Color.RoyalBlue;
   this.chart1.Titles[0].Font = new System.Drawing.Font("Microsoft Sans Serif", 12F);
   //設(shè)置圖表顯示樣式
   this.chart1.Series[0].Color = Color.Red;
   if (rb1.Checked)
   {
    this.chart1.Titles[0].Text =string.Format( "XXX {0} 顯示",rb1.Text);
    this.chart1.Series[0].ChartType = SeriesChartType.Line;
   }
   if (rb2.Checked) {
    this.chart1.Titles[0].Text = string.Format("XXX {0} 顯示", rb2.Text);
    this.chart1.Series[0].ChartType = SeriesChartType.Spline;
   }
   this.chart1.Series[0].Points.Clear();
  }

  //更新隊(duì)列中的值
  private void UpdateQueueValue() {

   if (dataQueue.Count > 100) {
    //先出列
    for (int i = 0; i < num; i++)
    {
     dataQueue.Dequeue();
    }
   }
   if (rb1.Checked)
   {
    Random r = new Random();
    for (int i = 0; i < num; i++)
    {
     dataQueue.Enqueue(r.Next(0, 100));
    }
   }
   if (rb2.Checked) {
    for (int i = 0; i < num; i++)
    {
     //對(duì)curValue只取[0,360]之間的值
     curValue = curValue % 360;
     //對(duì)得到的正玄值，放大50倍，并上移50
     dataQueue.Enqueue((50*Math.Sin(curValue*Math.PI / 180))+50);
     curValue=curValue+10;
    }
   }
  }
 }
}

備注

關(guān)于定時(shí)器Timer【微軟自帶的控件】:

說(shuō)明：表示在相同的時(shí)間間隔，引發(fā)用戶自定義的事情。實(shí)現(xiàn)用戶需要的功能。本例中是用來(lái)定時(shí)更新隊(duì)列中的數(shù)據(jù)，并刷新圖表。

常用說(shuō)明：

Interval 時(shí)間間隔，以毫秒為單位，本例是300毫秒。
Tick 定時(shí)觸發(fā)的事件，本例對(duì)應(yīng)timer1_Tick事件方法。
Start()，Stop() 表示定時(shí)器的啟動(dòng)和停止。Enabled 表示定時(shí)器是否啟用，默認(rèn)值為 false，需要手動(dòng)設(shè)置為true。