C# Chart 波形显示,动态数据滑动显示方法

首先还是感谢网上的大神们,在参考了你们到博客后,我在这里也总结,C# chart 波形显示的方法,如果有问题请留言,谢谢;

步骤:

1、添加Chart控件;

2、开一个定时器定期刷新数;

3、串口收到数据后传送到Chart显示控件;

操作方法:

1、添加Chart控件;

 

 

        /// <summary>
        /// 波形显示数据定义
        /// </summary>
        int[] array_display1 = new int[150];         //波形显示数据1
        int[] array_display2 = new int[150];         //波形显示数据2
        int[] array_display3 = new int[150];         //波形显示数据3,数据显示太多,先屏蔽数据3
        int data_display1;                           //显示更新数据1,最后只需要修改全局变量即可,内部自动更新波形
        int data_display2;                           //显示更新数据2
        int data_display3;                           //显示更新数据3
        int data_displayEnable;                     //收到更新数据事件,置位标志:1,未收到更新数据值:0

 

                  else if ((rxbuff[0] == 0xBB) && (rxbuff[1] == 0x01) && (rxbuff[8] == 0xBB) && (rxbuff[9] == 0xBB))  //波形显示
                    {

                        data_display1 = rxbuff[2]*256 + rxbuff[3];                        //显示更新数据1,最后只需要修改全局变量即可,内部自动更新波形
                        data_display2 = rxbuff[4] * 256 + rxbuff[5];                      //显示更新数据2
                        data_display3 = rxbuff[6] * 256 + rxbuff[7];                      //显示更新数据3
                        data_displayEnable = 1;                                           //收到更新数据事件,置位标志:1,未收到更新数据值:0

                        textBox1_DataDebug.Text += "\r\n 收到波形显示数据\r\n";
                        Console.WriteLine("收到波形显示数据");                 //调试软件后台打印
                    }

2、定时器配置:

 

 


        #region 波形显示,定时器中断
        /// <summary>
        ///  波形显示,定时器中断 
        /// </summary>
        /// <param name="rxbuff"></param>

        static int startUp = 0; //波形显示上电先显示零零,保证波形显示框显示出来

        private void timer_displayInterrupt(object sender, EventArgs e)
        {
            try 
            {
                int countX;
                int LengthX = 50;                   //X轴显示长度,长度不能大于 array_display1 数组长度,最大140
                Random rd = new Random();           //产生随机函数
                
                if(startUp == 0)                     //上电第一次显示波形零,让波形表格呈现出来,只执行一次
                {
                    startUp = 1;
                    for (countX = 1; countX < LengthX; countX++)
                    {
                        chart1.Series[0].Points.AddXY(0, 99);        //X0~50,Y99,先勾画出框图表格
                        chart1.Series[1].Points.AddXY(0, 99);
                        chart1.Series[2].Points.AddXY(0, 99);       
                    }
                }


                //data_displayEnable = 1;                  //模拟始终更新数据,串口显示时屏蔽此处
                if (data_displayEnable == 1)                //更新数据标志为1 更新数据,数据为0不更新数据
                {

                    //原始显示方法
                    //chart1.Series[0].Points.AddXY(countX + 1, rd.Next(1, 100));
                    //chart1.Series[1].Points.AddXY(countX + 1, rd.Next(1, 100));

                    //串口接收数据显示
                    //data_display1 = rd.Next(1, 100);                   //内部产生随机值,模拟数据
                    //data_display2 = rd.Next(1, 100);
                    //data_display3 = rd.Next(1, 100);

                    data_displayEnable = 0;                             //清零标志,串口收到数据后再更新数据
                    chart1.Series[0].Points.Clear();                    //清除显示点,数组重新滑动后显示
                    chart1.Series[1].Points.Clear();
                    chart1.Series[2].Points.Clear();

                    array_display1[LengthX - 1] = data_display1;        //将数据复制到显示数组中
                    array_display2[LengthX - 1] = data_display2;
                    array_display3[LengthX - 1] = data_display3;      

                    for (countX = 0; countX < LengthX; countX++)
                    {
                        array_display1[countX] = array_display1[countX + 1];
                        array_display2[countX] = array_display2[countX + 1];
                        array_display3[countX] = array_display3[countX + 1];      
                    }
                    for (countX = 1; countX < LengthX; countX++)
                    {
                        chart1.Series[0].Points.AddXY(countX, array_display1[countX]);
                        chart1.Series[1].Points.AddXY(countX, array_display2[countX]);
                        chart1.Series[2].Points.AddXY(countX, array_display3[countX]);         
                    }

                }
                
            }
            catch (Exception)
            {
                Console.WriteLine("波形显示错误!");                 //调试软件后台打印
                return;
            }


        }
        #endregion


效果展示:

源码: 

链接:https://pan.baidu.com/s/1WYxc9Ug9TEn1EYrC6Kwq5Q 
提取码:sewu

基于C#波形显示控件的实现源码 计算机技术的飞速发展使得其在自动化系统中的应用日益增强。大量监控、图像数据显示软件活跃在自动化工业及自动化教学领域。同时,软件系统的日益复杂化使得模块化开发变得尤为重要。本课题所设计的基于C#波形显示控件就可在微软.NET平台下进行代码功能重用,达到模块化开发和快速开发的目的,使得程序员能够集中精力设计软件的具体业务流程,而不必担心波形呈现的问题。 本文先介绍了.NET平台下用户控件开发的基本方法,以及用C#描述的GDI+图形开发技术,然后提出一种基于C#波形显示控件的设计思路,并对波形坐标值转换、坐标标尺、工具栏、局部放大等具体的设计细节进行详细解析。 本课题设计的波形显示控件实现了同时显示多条数据曲线、局部放大查看、波形显示自动调整最佳坐标范围、动态显示波形等功能。创新之处在于设计了一种方法,使得波形显示控件的坐标轴的起点值和终点值能够以浮点数显示,并自动根据当前波形显示控件的大小,描绘出符合用户视觉的坐标标尺。 波形显示控件实现的功能 (1) 多条波形数据的显示。 该波形显示控件能够同时显示多条波形数据,用户能够控制每条波形数据的显示颜色、线宽、线帽、以及线转折的样式。并且提供了三种波形数据显示的方式:连续数据线、离散点、条形图。 (2) 友好坐标标尺的显示。 该波形显示控件能够根据当前显示数据的坐标范围,友好地显示坐标标尺。例如X轴坐标起始值为34.2,结束坐标值为100.7,则控件不是简单得将坐标10等分并显示并不友好的坐标值,而是通过计算当前波形显示控件的大小,显示40、50……这样的友好的坐标值,并判断是否需要继续在40到50的坐标值之间显示更小分度的坐标值。 (3) 波形显示区域网格的显示。 该波形显示控件可以显示同坐标标尺的坐标线相对应的网格,使得用户能够更直观地观察波形数据。 (4) 波形的局部放大。 该波形显示控件提供了波形局部放大的功能。并根据实际使用和测试,控制了波形放大的精度,以免产生数据溢出的问题。 (5) 坐标自动调整。 该波形显示控件能够根据当前要显示波形数据的值,自动选择最佳的坐标范围,来直观地在控件的波形显示区域显示完整的波形曲线。 (6) 外观颜色方案的修改。 该波形显示控件能够修改外观样式,诸如背景色、网格颜色、坐标线颜色、坐标值颜色等都可以进行调整,以使控件外观能够符合软件整体风格。 (7) 其他细节。 该波形显示控件还设计了一个工具栏,可以方面地使用网格显示、局部放大、坐标自动调整、恢复默认坐标功能。另外还设计右键菜单,能够显示当前鼠标位置的具体坐标值,以及工具栏按钮的快捷按钮。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值