用Chart控件绘制动态图表

最新推荐文章于 2023-09-28 10:26:43 发布
最新推荐文章于 2023-09-28 10:26:43 发布
阅读量1.3k 收藏 1
点赞数
文章标签： null 编程 components 数据库 properties byte

用Chart控件绘制动态图表

北京邮电大学　刘瑞芳

　　进行程序设计时，选用一个合适的ActiveX控件，有时可大大减少编程工作量。ActiveX 控件（又称OCX）基于COM技术，作为独立的软件模块，它可以在任何程序设计语言中插入使用。本文仅以VC＋＋为例说明Chart控件的使用。

　　Chart控件指Mschart.ocx（5.0版)或Mschrt20.ocx（6.0 版），是Visual Studio自带的ActiveX控件之一，其属性、事件很多，功能非常强大，可实现柱状直方图、曲线走势图、饼状比例图等，甚至可以是混合图表，可以是二维或三维图表，可以带或不带坐标系，可以自由配置各条目的颜色、字体等等。

一 安装和使用Chart控件

　　在用到Chart控件的项目中安装该控件：从Project－>Add to Project－>Components And Controls－>Registered Active Xcontrols，选择Chart控件，则 ClassWizard会生成相应的C＋＋类，其中类CMSChart是由CWnd派生来的，它是Chart 控件的主要类，其他的类全部是由COleDispatchDriver派生来，控制控件中的相应对象，完成各部分相关功能，如CvcAxis类是实现坐标轴相关功能的源代码。同时在项目的控件工具箱上会出现代表Chart控件的按钮，使用时把Chart控件按钮从工具箱拖到对话框中，调整大小即可。

　　Chart控件至少有45个属性、9个方法、49个事件，在这里就不一一列举了。

　　在设计中，我们可以在主要属性页里修改各属性的属性值：右击对话框窗口中的Chart控件，选择“Properties”菜单项，就会弹出主要属性页对话框，对其中各属性值进行设置。有些属性在主要属性页里没有列出，只能编程修改。另外要动态绘制图表，必须掌握对控件的编程控制。

　　首先在对话框类中定义控件变量，以便编程时操纵控件。如对话框类定义如下：

class CAbcDlg : public CDialog{

public:

    CAbcDlg(CWnd＊ pParent = NULL);   

//{{AFX_DATA(CAbcDlg)

    enum { IDD = IDD_ABC_DIALOG };

    CMSChart    m_Chart;

    //}}AFX_DATA

    ......

};

　　ActiveX控件的属性和方法在控件内部对应唯一一个整数索引值，编程时可以通过索引来设置或获取控件的属性值，也可以通过调用控件的C＋＋类（在这里就是CMSChart）的成员函数设置或获取控件的属性值及调用控件的方法。例如：

　　在CMSChart类实现中有如下代码：

CString CMSChart::GetData(){

    CString result;

InvokeHelper(0x9, DISPATCH_PROPERTYGET,

 VT_BSTR, (void＊)＆result, NULL);

    return result;

}

void CMSChart::SetData(LPCTSTR lpszNewValue){

    static BYTE parms[] =VTS_BSTR;

   InvokeHelper(0x9, DISPATCH_PROPERTYPUT,

     VT_EMPTY, NULL, parms,lpszNewValue);

}

void CMSChart::Refresh(){

        InvokeHelper(DISPID_REFRESH,

    DISPATCH_METHOD, VT_EMPTY, NULL, NULL);

}

　　这段代码表明：属性“Data”索引值为0x9，我们可以调用函数SetData对图表中某点的值进行设置。索引值为DISPID_REFRESH的方法 “Refresh”，调用它进行刷新。如：

CString str=“34.5";

m_Chart.SetData(str);

m_Chart.Refresh();

......

　　阅读CMSChart类的实现会发现，有些属性的值不是普通的BOOL、CString等数据类型，而是另一个控件驱动类的类变量，如：

CVcPlot CMSChart::GetPlot(){

    LPDISPATCH pDispatch;

InvokeHelper(0x28, DISPATCH_PROPERTYGET,

 VT_DISPATCH, (void＊)＆pDispatch, NULL);

    return CVcPlot(pDispatch);

}

　　在CVcPlot类的实现中有如下代码：

CVcAxis CVcPlot::GetAxis

 (long axisID, const VARIANT＆ Index){

    LPDISPATCH pDispatch;

    static BYTE parms[] =VTS_I4 VTS_VARIANT;

InvokeHelper(0x1f, DISPATCH_PROPERTYGET,

VT_DISPATCH, (void＊)＆pDispatch, parms, axisID, ＆Index);

    return CVcAxis(pDispatch);

}

　　而CVcAxis类的实现中有如下代码：

CVcValueScale CVcAxis::GetValueScale(){

    LPDISPATCH pDispatch;

InvokeHelper(0x9, DISPATCH_PROPERTYGET,

 VT_DISPATCH, (void＊)＆pDispatch, NULL);

    return CVcValueScale(pDispatch);

}

　　而CVcValueScale类的实现中又有如下代码：

void CVcValueScale::SetMaximum(double newValue){

    static BYTE parms[] =VTS_R8;

InvokeHelper(0x3, DISPATCH_PROPERTYPUT,

 VT_EMPTY, NULL, parms,newValue);

}

　　这正是Chart控件的灵活性所在，根据上述代码，如下的调用：

    VARIANT var;

m_Chart.GetPlot().GetAxis(1, var).GetValueScale()

.SetMaximum(50.0);

可实现把纵坐标的最大刻度设为50.0。

　　控件触发的事件，如Click、MouseDown等，如果需要处理，可以通过ClassWizard在对话框类中定义相应的处理函数，实现相关的处理功能。

二 动态绘制图表实例

　　在一个温度采集系统中，希望把采集来的各项温度值实时显示，用Chart控件绘制曲线走势图：

1.       各温度项以不同颜色的曲线表示；

2.        横坐标为时间，纵坐标为温度值，均要求滚动显示；

3.        在每次采样完成后，刷新屏幕。

　　设计思路

1.        随着时间的推移，采集来的数据不断增加，不一定在一屏中显示，所以系统打开一个实时数据库，存放采集来的实时数据。显示时，需要哪个时间段的数据，就从数据库中读取。

2.        在对话框资源编辑时，增加水平滚动条和垂直滚动条，以便配合Chart控件进行滚动显示。

3.        为对话框启动定时器，按采样间隔进行采样，并刷新屏幕显示。

　　主要相关代码如下：

BOOL CAbcDlg::OnInitDialog(){

    CDialog::OnInitDialog();

pDataDB = new dbase;

//实时数据记录库,类dbase的基类为CDaoRecordset

    pDataDB－>Open(dbOpenDynaset, “select

＊ from data");

    VARIANT var;

m_Chart.GetPlot().GetAxis(1,var).GetValueScale().

  SetAuto(FALSE);//不自动标注y轴刻度

m_Chart.GetPlot().GetAxis(1, var).GetValueScale().

  SetMaximum(37);//y轴最大刻度

m_Chart.GetPlot().GetAxis(1, var).GetValueScale().

  SetMinimum(32);//y轴最小刻度

m_Chart.GetPlot().GetAxis(1,var).GetValueScale().

  SetMajorDivision(5);//y轴刻度5等分

m_Chart.GetPlot().GetAxis(1,var).GetValueScale().

  SetMinorDivision(1);//每刻度一个刻度线

m_Chart.SetColumnCount(3); //3个温度项，3条曲线

   m_Chart.GetPlot().GetSeriesCollection().GetItem(1).

   GetPen().GetVtColor().Set(0, 0, 255);//线色

   m_Chart.GetPlot().GetSeriesCollection().GetItem(2).

    GetPen().GetVtColor().Set(255, 0, 0);

   m_Chart.GetPlot().GetSeriesCollection().GetItem(3).

    GetPen().GetVtColor().Set(0, 255, 0);

   m_Chart.GetPlot().GetSeriesCollection().

    GetItem(1).GetPen().SetWidth(2);//线宽

   m_Chart.GetPlot().GetSeriesCollection().

    GetItem(2).GetPen().SetWidth(2);

   m_Chart.GetPlot().GetSeriesCollection().

    GetItem(3).GetPen().SetWidth(2);

   m_Chart.SetRowCount(10); //一屏显示10个采样时刻

 m_Chart.GetPlot().GetAxis(0,var).GetCategoryScale().

   SetAuto(FALSE);//不自动标注x轴刻度

 m_Chart.GetPlot().GetAxis(0,var).GetCategoryScale().

   SetDivisionsPerLabel(1);//每时刻一个标注

   m_Chart.GetPlot().GetAxis(0,var).GetCategoryScale().

    SetDivisionsPerTick(1);//每时刻一个刻度线

      m_ScrLeft.SetScrollRange(0,45);

     //垂直滚动条可滚动范围(温度值范围0－50,

      每滚动1度,一屏显示5度)

    m_ScrLeft.SetScrollPos(45－32);//垂直滚动条的当前位置

    m_ScrBottom.SetScrollRange(0, 0);//水平滚动条的可滚动范围

    m_ScrBottom.SetScrollPos(0);//水平滚动条的当前位置

    SetTimer(23, 300000, NULL);//启动定时器,定时间隔5分钟

    Sample();//调用采样函数进行第一次采样,并把数据记录入库

     return TRUE; 

}

void CAbcDlg::OnTimer(UINT nIDEvent) {

    Sample();//采样,并把数据记录入库

    if (pDataDB－>GetRecordCount()>10)

  theApp.nBottomRange = pDataDB－>GetRecordCount()－10;

    else

theApp.nBottomRange = 0;

//用全局变量保存水平滚动条的范围值

m_ScrBottom.SetScrollRange(0,theApp.nBottomRange);

    theApp.nBottomPos = theApp.nBottomRange;

   m_ScrBottom.SetScrollPos(theApp.nBottomPos);

    //修正水平滚动条的显示

    DrawPic();//调用函数,刷新曲线显示

       

    CDialog::OnTimer(nIDEvent);

}

void CAbcDlg::DrawPic() {

char s[10];

    UINT row = 1;

    pDataDB－>MoveFirst();

pDataDB－>Move(theApp.nBottomPos);

//只从数据库中取某时间段的数据进行显示

    while ((!pDataDB－>IsEOF()) ＆＆ (row <= 10)){

    m_Chart.SetRow(row);

m_Chart.SetRowLabel((LPCTSTR)pDataDB

－>m_date_time.Format(“％H:％M"));

//以采样时刻做x轴的标注

    m_Chart.SetColumn(1);

    sprintf(s, “％6.2f", pDataDB－>m_No1);

    m_Chart.SetData((LPCSTR)s);

    m_Chart.SetColumn(2);

    sprintf(s, “％6.2f", pDataDB－>m_No2);

    m_Chart.SetData((LPCSTR)s);

    m_Chart.SetColumn(3);

    sprintf(s, “％6.2f", pDataDB－>m_No3);

    m_Chart.SetData((LPCSTR)s);

    pDataDB－>MoveNext();

    row＋＋;

    }

    while ((row <= 10)){

    m_Chart.SetRow(row);

    m_Chart.SetRowLabel((LPCTSTR)“");

m_Chart.GetDataGrid().SetData(row, 1, 0, 1);

//采样数据不足10个点, 对应的位置不显示

    m_Chart.GetDataGrid().SetData(row, 2, 0, 1);

    m_Chart.GetDataGrid().SetData(row, 3, 0, 1);

    row＋＋;

    }

    m_Chart.Refresh();

}

void CAbcDlg::OnHScroll(UINT nSBCode,

    UINT nPos, CScrollBar＊ pScrollBar) {

    if (pDataDB－>GetRecordCount()>10)

  theApp.nBottomRange = pDataDB－>GetRecordCount()－10;

    else

    theApp.nBottomRange = 0;

 m_ScrBottom.SetScrollRange(0, theApp.nBottomRange);

    switch (nSBCode){

    case SB_LINERIGHT:

   if (theApp.nBottomPos < theApp.nBottomRange){

   theApp.nBottomPos = theApp.nBottomPos ＋ 1;

   m_ScrBottom.SetScrollPos(theApp.nBottomPos);

    DrawPic();

    }

    break;

    case SB_LINELEFT:

    if (theApp.nBottomPos > 0){

   theApp.nBottomPos = theApp.nBottomPos － 1;

    m_ScrBottom.SetScrollPos(theApp.nBottomPos);

    DrawPic();

    }

    break;

    }

    CDialog::OnHScroll(nSBCode, nPos, pScrollBar);

}

void CAbcDlg::OnVScroll(UINT nSBCode,

    UINT nPos, CScrollBar＊ pScrollBar) {

    VARIANT var;

    double max1,min1,f;

    switch (nSBCode){

    case SB_LINEDOWN:

f = m_Chart.GetPlot().GetAxis(1, var).

  GetValueScale().GetMinimum() － 1;

    if (f>=0) {//最小刻度大于等于0, 则可以滚动

m_Chart.GetPlot().GetAxis(1, var).GetValueScale().

  SetMinimum(f);

f = m_Chart.GetPlot().GetAxis

 (1, var).GetValueScale().GetMaximum() － 1;

m_Chart.GetPlot().GetAxis(1, var).GetValueScale().

SetMaximum(f);

  pScrollBar－>SetScrollPos(pScrollBar－>GetScrollPos() ＋ 1);

    m_Chart.Refresh();

    }

    break;

    case SB_LINEUP:

f = m_Chart.GetPlot().GetAxis(1, var).

GetValueScale().GetMaximum() ＋ 1;

    if (f <= 50) {//最大刻度小于等于50, 则可以滚动

m_Chart.GetPlot().GetAxis

(1, var).GetValueScale().SetMaximum(f);

f = m_Chart.GetPlot().GetAxis(1, var).

GetValueScale().GetMinimum() ＋ 1;

m_Chart.GetPlot().GetAxis(1, var).GetValueScale().

  SetMinimum(f);

  pScrollBar－>SetScrollPos(pScrollBar－>GetScrollPos() － 1);

    m_Chart.Refresh();

    }

    break;

    }

    CDialog::OnVScroll(nSBCode, nPos, pScrollBar);

}

　　特别注意，程序中用到的关于控件的类，如CVcAxis等，需要在AbcDlg.cpp文件的开始处说明：＃include “VcAxis.h"。

　　限于篇幅，文中仅仅是一个简单示例的部分代码。在实际应用中，一般会有更多的需求，比如：对坐标轴进行缩放显示；采样有可能得不到正确的采样值时曲线显示不连续等等，这时需要根据需求编写相应代码。   

 

jgfly
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
chart控件做实时曲线显示_用C#实现实时折线图、波形图Demo
weixin_39540315的博客
11-28 3638
此Demo是采用VS自带的Chart图表控件，制作实时动态显示的折线图，和波形图。涉及知识点：Chart 控件，功能强大，可以绘制柱状图，折线图，波形图，饼状图，大大简化了对图的开发与定制。　　　　Chart控件的相关概念：ChartArea，表示图表区域，一个Chart可以绘制多个ChartArea，重叠在一起。Series ，表示数据序列，每个ChartArea可以有多个数据线。即，Serie...
灵活使用Chart控件绘制动态图表
03-04
进行程序设计时，选用一个合适的ActiveX控件，有时可大大减少编程工作量。ActiveX 控件（又称OCX）基于COM技术，作为独立的软件模块，它可以在任何程序设计语言中插入使用。本文仅以VC＋＋为例说明Chart控件的使用。
C# Winform Chart控件用法2 多个chart动态曲线绘制
qq_57798018的博客
12-03 6797
1、拖3个chart到新建的窗口中，分别命名为chart1,chart2,chart3,再放一个Button,如下图 2、对chart1 的ChartAreas和Series属性进行相应的设置 ChartAreas ： 主要对游标和坐标轴进行设置，我们保持默认就可以。其实大部。分的设置，都在Series属性进行，比如设置图标类型（样条曲线、散点、饼图...）、曲线数量、数据点标记样式、图例的名字等等分别在chart1和chart2添加多一个Series，并在ChartType里设置图形样式，然后我们就可以分
绘图控件第五讲——绘制动态曲线
热门推荐
尘中远的程序开发记录
03-04 7万+
在工控监测领域，经常需要动态绘制曲线，观察曲线的变化趋势，绘制波形图，绘制频谱等。在前面4讲中介绍了VC(MFC)经常用的TeeChart控件和Hight-Speed Chart Ctrl，这两个都是MFC绘图控件的经典（另外，在Qt中还有QwtPlot和QCustomPlot两大神器）。许多人问如何绘制动态变化的曲线，为此专门写下这篇文章。 C++ GUI 绘图控件目录
看完这篇文章，我彻底爱上了Python动态图表！
机器学习算法与Python学习
12-06 646
点击 机器学习算法与Python学习 ，选择加星标精彩内容不迷路关于动态条形图，以前推荐过「Bar Chart Race」这个库。三行代码就能实现动态条形图的绘制。有些同学在使用的时候，...
chart 控件动态曲线 x轴时间ms显示，可滚动，添加边界线条
最新发布
Happy_maker的博客
09-28 2262
一个页面最大显示多少个数据受chart1.ChartAreas[0].AxisX.ScaleView.Size，再结合间隔中设置的chartArea.AxisX.Interval = DateTime.Parse("00:00:00.100").Millisecond;其中的类型设置为ms，默认的话滚动轴的单位太大界面是ms显示就会出现无法拖动滚动轴的情况。结合以上参考 x轴设置为ms显示滚动条可以拖拽，支持放大缩小，支持最大值显示。1、x轴怎么显示时间。
C# WinForm中使用Chart控件绘制曲线图
01-06
展示一个小Demo 在窗口中读取txt文件数据，并使用chart控件绘制曲线。 首先，在空白的窗体上拖入一个按钮，命名为打开，执行打开文件职能；一个文本框，用来显示文件的路径；再拖入一个chart控件。 在chart控件中...
chart.js图表控件绘制饼状图曲线图走势图数据显示代码
11-08
chart.js图表控件绘制饼状图曲线图走势图数据显示代码 chart.js图表控件绘制饼状图曲线图走势图数据显示代码
c# winfrom中chart控件简单实用
05-25
本资源主要为c#中使用chart控件绘制曲线图，当数据量较大时，x轴出现滚动条，实现全局视图和滚动视图的功能。
C#开发的3D图表控件，适用于winform项目，使用了opentk绘制3D图形。图表颜色，文字颜色，均可以替换
03-06
C#开发的3D图表控件，适用于winform项目，使用了opentk绘制3D图形，代码原创。 图表颜色，文字颜色，均可以替换。 支持鼠标拖拽旋转。
chart曲线绘制，实现动态画曲线
08-25
chart的应用，可以实现动态画出曲线，以及静态曲线两种功能，数据从串口采集得到以及从配置文件中获得静态数据，运用定时器实现动态。
jfreechar 动态统计图
04-19
jfreechar 动态统计图是我使用 jfreechart中的代码改装而来，共大家学习
unity3d中 实现画折线图
04-19
之前上传的不能用，请使用前先导入NGUI插件。
MpAndroidChart-LineChart 折线图使用（含动态添加点，动态添加曲线）
0729Liang
05-16 2万+
目录 零、简介 一、MpAndroidChart的基本使用 1.依赖：project的build.gradle 中添加 2.app的build.gradle 中添加 3.举例 4.常用API 二、MpAndroidChart-LineChart的基本使用配置 1.XAxis(X轴) 2.YAxis(Y轴) 3.Legend(图例：即上图所示的曲线图下面的 温度) 4.Desc...
使用AChartEngine画动态曲线图
weixin_30633507的博客
11-20 286
AChartEngine是一个开源的Android图表库，可以用来画折线图、平滑折线图、饼图、直方图等等。使用简单，功能强大。 AChartEngine官网：http://www.achartengine.org/ AChartEngine库文件：http://repository-achartengine.forge.cloudbees.com/snapshot/org/achartengi...
C# | 使用Chart动态展示实时折线图数据
猿长大人
04-04 6253
实时折线图是展示数据变化趋势的有效方式，可以用于监控系统性能、物理实验、股票走势等多个领域。在C#中，我们可以使用Chart控件来实现实时折线图的展示，其动态性和可交互性可以帮助用户更好地理解数据。本文将介绍如何使用Chart控件展示实时折线图数据，希望能帮助读者快速掌握这个技能，应用于实际场景中。
【hellochart】真hellochart动态绘制折线图
mypyproject的博客
09-26 2146
先吐槽下csdn搜到的动态折线图，几乎全都是先一次性加载完数据，然后一点点绘制，比如有个动态心电图，有个动态气温，真的忍不住想问你们既然已经知道了所有数据，又何必动态加载呢？ 时隔半年，终于把代码贴上来了。后来我又发现了MPChart的动态图更好画，但是不如helloChart好看，并且性能更好。但是始终还有一个问题没解决，helloChart刷新过程中不支持手势放大缩小，所以我也试过用+-两个...
QtCharts绘制动态图——较简单的方法(以加速度信息为例)
weixin_42920501的博客
06-18 2902
QtCharts绘制动态图方法 写在前面： 本周由于项目需要，涉及使用Qt来绘制从下位机发送来的加速度动态波形图，经过两天的摸索，找到一种简单的实现方法（对比网上现有的方法）。 这两天探索过qcustomplot模块和Qtcharts模块，觉得还是Qtcharts模块好用，主要是方便。本文主要介绍如何使用QT自带的QtCharts模块绘制动态图，如下图： 第一步：配置QtCharts模块 本采用的开发环境VS2017+Qt5.11.2。 具体QtCharts模块配置，参考大佬：https://blog.c
C# 中Chart动态柱状图实现
freesheep720对world说ByeBye
12-22 1994
C# 实现Chart动态柱状图
c#chart控件绘制四叶草
05-18
这里是一个使用C# Chart控件绘制四叶草的示例代码： ```csharp private void DrawFourLeafClover() { chart1.Series.Clear(); chart1.ChartAreas[0].AxisX.Minimum = -1.5; chart1.ChartAreas[0].AxisX.Maximum ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值