C#--图表控件（Chart）

https://blog.csdn.net/qq_20936333/article/details/82020584

采用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>(
     
     100);
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     private 
     
     int curValue = 
     
     0;
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

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

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     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[
     
     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() {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     //定义图表区域
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     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[
     
     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;
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     //设置标题
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     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);
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     //设置图表显示样式
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     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();
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     //更新队列中的值
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     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++)
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     {
    
    
   
   

   
   

    
    

   
   
   
   

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

   
   

    
    

   
   
   
   

    
    

     
                         curValue = curValue % 
     
     360;
    
    
   
   

   
   

    
    

   
   
   
   

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

   
   

    
    

   
   
   
   

    
    

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

   
   

    
    

   
   
   
   

    
    

     
                         curValue=curValue+
     
     10;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
                 }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
             }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   
 
 

 

关于定时器Timer:

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

常用说明：

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