快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

C#绘制实时折线图波形图的方法-创新互联

创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商,新人活动买多久送多久,划算不套路!

创新互联建站10多年企业网站制作服务;为您提供网站建设,网站制作,网页设计及高端网站定制服务,企业网站制作及推广,对混凝土搅拌站等多个行业拥有多年的网站维护经验的网站建设公司。

小编给大家分享一下C#绘制实时折线图波形图的方法,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

此Demo是采用VS自带的Chart图表控件,制作实时动态显示的折线图,和波形图。

涉及知识点:

Chart 控件,功能强大,可以绘制柱状图,折线图,波形图,饼状图,大大简化了对图的开发与定制。

    Chart控件的相关概念:

  • ChartArea,表示图表区域,一个Chart可以绘制多个ChartArea,重叠在一起。
  • Series ,表示数据序列,每个ChartArea可以有多个数据线。即,Series属于ChartArea.
  • AxisX,AxisY,表示主坐标轴,每一个ChartArea都有对应的坐标轴,包括主坐标轴,辅坐标轴
     

Queue集合,表示先进先出的集合。

    主要有两个方法:

  • Dequeue() 表示移除并返回位于 System.Collections.Generic.Queue 开始处的对象。
  • Enqueue() 表示将对象添加到 System.Collections.Generic.Queue 的结尾处。
     

Timer ,定时器,定时之行相应的功能,更新数据,刷新图表。
-----------------------------------------------------------------------------------------------------------

效果图

如下【先点击初始化按钮,再点击开始按钮】:

折线图【折线图,是取[0,100]之间的随即数进行填充】:

C#绘制实时折线图波形图的方法

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

C#绘制实时折线图波形图的方法

核心代码

代码如下:

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 dataQueue = new Queue(100);

  private int curValue = 0;

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

  public RealChart()
  {
   InitializeComponent();
  }

  /// 
  /// 初始化事件
  /// 
  /// 
  /// 
  private void btnInit_Click(object sender, EventArgs e)
  {
   InitChart();
  }

  /// 
  /// 开始事件
  /// 
  /// 
  /// 
  private void btnStart_Click(object sender, EventArgs e)
  {
   this.timer1.Start();
  }

  /// 
  /// 停止事件
  /// 
  /// 
  /// 
  private void btnStop_Click(object sender, EventArgs e)
  {
   this.timer1.Stop();
  }

  /// 
  /// 定时器事件
  /// 
  /// 
  /// 
  private void timer1_Tick(object sender, EventArgs e)
  {
   UpdateQueueValue();
   this.chart1.Series[0].Points.Clear();
   for(int i=0;i
  /// 初始化图表
  /// 
  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;
    }
   }
  }
 }
}

文章标题:C#绘制实时折线图波形图的方法-创新互联
文章位置:http://6mz.cn/article/epoje.html

其他资讯