- A+
如果需要查看更多文章,请微信搜索公众号 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 = 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 = curValue % 360; 143 //对得到的正玄值,放大50倍,并上移50 144 dataQueue.Enqueue((50 * Math.Sin(curValue * Math.PI / 180)) + 50); 145 curValue = curValue + 10; 146 } 147 } 148 } 149 150 private void Form1_Load(object sender, EventArgs e) 151 { 152 153 } 154 } 155 }
View Code
备注
关于定时器Timer【微软自带的控件】:
说明:表示在相同的时间间隔,引发用户自定义的事情 。实现用户需要的功能。本例中是用来定时更新队列中的数据,并刷新图表。
常用说明:
-
Interval 时间间隔,以毫秒为单位,本例是300毫秒。
-
Tick 定时触发的事件,本例对应timer1_Tick事件方法。
-
Start(),Stop() 表示定时器的启动和停止。Enabled 表示定时器是否启用,默认值为 false,需要手动设置为true。
- -----------------------------------------------------------------------
-
-
如果需要查看更多文章,请微信搜索公众号 csharp编程大全,需要进C#交流群群请加微信z438679770,备注进群, 我邀请你进群! ! !
-