C# 实时折线图，波形图

此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]之间的随即数进行填充】：

波形图【波形图，是取正玄值，并放大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>();

         private int curValue = ;

         private int num = ;//每次删除增加几个点

         public RealChart()

         {

             InitializeComponent();

         }

         /// <summary>

         /// 初始化事件

         /// </summary>

         /// <param name="sender"></param>

         /// <param name="e"></param>

         private void btnInit_Click(object sender, EventArgs e)

         {

             InitChart();

         }

         /// <summary>

         /// 开始事件

         /// </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>

         /// 定时器事件

         /// </summary>

         /// <param name="sender"></param>

         /// <param name="e"></param>

         private void timer1_Tick(object sender, EventArgs e)

         {

             UpdateQueueValue();

             this.chart1.Series[].Points.Clear();

             for(int i=;i<dataQueue.Count;i++){

                 this.chart1.Series[].Points.AddXY((i+), dataQueue.ElementAt(i));

             }

         } 

         /// <summary>

         /// 初始化图表

         /// </summary>

         private void InitChart() {

             //定义图表区域

             this.chart1.ChartAreas.Clear();

             ChartArea chartArea1 = new ChartArea("C1");

             this.chart1.ChartAreas.Add(chartArea1);

             //定义存储和显示点的容器

             this.chart1.Series.Clear();

             Series series1 = new Series("S1");

             series1.ChartArea = "C1";

             this.chart1.Series.Add(series1);

             //设置图表显示样式

             this.chart1.ChartAreas[].AxisY.Minimum = ;

             this.chart1.ChartAreas[].AxisY.Maximum =;

             this.chart1.ChartAreas[].AxisX.Interval = ;

             this.chart1.ChartAreas[].AxisX.MajorGrid.LineColor = System.Drawing.Color.Silver;

             this.chart1.ChartAreas[].AxisY.MajorGrid.LineColor = System.Drawing.Color.Silver;

             //设置标题

             this.chart1.Titles.Clear();

             this.chart1.Titles.Add("S01");

             this.chart1.Titles[].Text = "XXX显示";

             this.chart1.Titles[].ForeColor = Color.RoyalBlue;

             this.chart1.Titles[].Font = new System.Drawing.Font("Microsoft Sans Serif", 12F);

             //设置图表显示样式

             this.chart1.Series[].Color = Color.Red;

             if (rb1.Checked)

             {

                 this.chart1.Titles[].Text =string.Format( "XXX {0} 显示",rb1.Text);

                 this.chart1.Series[].ChartType = SeriesChartType.Line;

             }

             if (rb2.Checked) {

                 this.chart1.Titles[].Text = string.Format("XXX {0} 显示", rb2.Text);

                 this.chart1.Series[].ChartType = SeriesChartType.Spline;

             }

             this.chart1.Series[].Points.Clear();

         }

         //更新队列中的值

         private void UpdateQueueValue() {

             if (dataQueue.Count > ) {

                 //先出列

                 for (int i = ; i < num; i++)

                 {

                     dataQueue.Dequeue();

                 }

             }

             if (rb1.Checked)

             {

                 Random r = new Random();

                 for (int i = ; i < num; i++)

                 {

                     dataQueue.Enqueue(r.Next(, ));

                 }

             }

             if (rb2.Checked) {

                 for (int i = ; i < num; i++)

                 {

                     //对curValue只取[0,360]之间的值

                     curValue = curValue % ;

                     //对得到的正玄值，放大50倍，并上移50

                     dataQueue.Enqueue((*Math.Sin(curValue*Math.PI / ))+);

                     curValue=curValue+;

                 }

             }

         }

     }

 }

备注

关于定时器Timer【微软自带的控件】:

说明：表示在相同的时间间隔，引发用户自定义的事情。实现用户需要的功能。本例中是用来定时更新队列中的数据，并刷新图表。

常用说明：

Interval 时间间隔，以毫秒为单位，本例是300毫秒。
Tick 定时触发的事件，本例对应timer1_Tick事件方法。
Start()，Stop() 表示定时器的启动和停止。Enabled 表示定时器是否启用，默认值为 false，需要手动设置为true。

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

由于需要源码的比较多，故将源码下载链接放于此处，请自行下载，谢谢

源码下载

巴特西

C# 实时折线图，波形图

最新文章

热门文章