TeeChart绘图控件 开发技术

Posted 2020-08-17

C++ GUI 绘图控件目录 MFC VS2010 使用TeeChart绘图控件 - 之一 - 控件和类的导入 VS2010 使用TeeChart绘图控件 - 之二 - 绘制图形（折线图，柱状图） TeeChart绘图控件 - 之三 - 提高绘图的效率 MFC下好用的高速绘图控件-(Hight-Speed Charting) 绘制动态曲线 Qt qt超强精美绘图控件 - QCustomPlot一览 qt超强绘图控件qwt - 安装及配置

---

TeeChart是个很强大的控件，其绘图能力之强，其他控件难以比拟，但是有个问题就是他的绘图速度，其实TeeChart绘图速度还是很快的，只是大家一直都没正确运用其功能所以导致绘图速度慢的假象。

下面说说影响绘图速度的两个主要因素

1、通过显示效果提升速度

也就是当点数特别多时不需要绘出全部点（性能提升不大）

TeeChart绘图控件 - 之一文章里已经讲过，可以设置只绘出部分点。设置方法如图：

这个选项能一定程度的提升画图速度。提升多少，可看看如下实例：

163840个随机点，取消Draw All时效果，使用AddXY函数，耗时1092毫秒

163840个随机点，取消Draw All时效果，使用AddXY函数，耗时1217毫秒

可见这个效果并不明显，但是显示效果却很明显

2.通过画图函数来改变画图速度

TeeChart的AddXY函数时画图最慢的函数，但是却好多人使用，可能是简单的原因吧，我专门做了一个程序来测试AddXY和AddArray函数的效率，发现效率几乎差30倍

2.1AddXY函数：

AddXY 函数每次调用都要刷新，所以画图速率相当低

如上图所示的界面画图（AddXY）按钮实现如下

randf是一个产生随机数的函数实现见源文件，

m_nPointNum是何文本编辑框关联的int型数据

IDC_STATIC_T是文本标签的ID

[cpp] view plain copy 

1. void CTeeChartDlg::OnBnClickedButtondraw()   

2. {  

3.     CSeries ChartSpeed = (CSeries)m_Chart.Series(0);  

4.     UpdateData(TRUE);  

5.     if (m_nPointNum<=0)  

6.     {  

7.         MessageBox(_T("数据点数不能小于0"));  

8.         return;  

9.     }  

10.     DWORD dwTimeS,dwTimeE;  

11.     CString str(_T(""));  

12.     unsigned i(0);  

13.     double* pDataX= NULL;  

14.     double* pDataY= NULL;  

15.     //分配内存  

16.     pDataX = newdouble[m_nPointNum];  

17.     pDataY = newdouble[m_nPointNum];  

18.     for (i=0;i<(unsigned)m_nPointNum;i++)  

19.     {  

20.         pDataY[i] = randf(-20,20);  

21.         pDataX[i] = i;  

22.     }  

23.     //由于需要计算时间，画图就不在第一个for循环里实现了  

24.   

25.     dwTimeS = GetTickCount();  

26.     ChartSpeed.Clear();  

27.     for(i=0;i<(unsigned)m_nPointNum;i++)  

28.     {  

29.         ChartSpeed.AddXY(pDataX[i],pDataY[i],NULL,0);  

30.     }  

31.     dwTimeE = GetTickCount();  

32.     dwTimeE -= dwTimeS;  

33.     if (pDataX)  

34.     {  

35.         delete[] pDataX;  

36.     }  

37.     if (pDataY)  

38.     {  

39.         delete[] pDataY;  

40.     }  

41.     str.Format(_T("耗时：%d ms"),dwTimeE);  

42.     SetDlgItemText(IDC_STATIC_T,str);  

43. }  

在

[cpp] view plain copy 

1. for(i=0;i<(unsigned)m_nPointNum;i++)  

2. {  

3.       ChartSpeed.AddXY(pDataX[i],pDataY[i],NULL,0);  

4. }  

上下加了两个计时，专门计算画图时间

程序运行时间如图:1638400个点居然花了差不多6秒

2.2 AddArray函数-真正实现快速画图函数

为了验证AddArray的快速性，

添加了一个按钮：

按钮依然实现画图，不过是用AddArray函数

利用COleSafeArray 实现数据存储

实现代码如下：

[cpp] view plain copy 

1. void CTeeChartDlg::OnBnClickedButtondraw2()  

2. {  

3.     CSeries ChartSpeed = (CSeries)m_Chart.Series(0);  

4.     UpdateData(TRUE);  

5.     if (m_nPointNum<=0)  

6.     {  

7.         MessageBox(_T("数据点数不能小于0"));  

8.         return;  

9.     }  

10.     DWORD dwTimeS,dwTimeE;  

11.     CString str(_T(""));  

12.     long i(0);  

13.     double val;  

14.   

15.     COleSafeArray XValues;      

16.     COleSafeArray YValues;  

17.     DWORD pNumElements[] = {m_nPointNum};  

18.     XValues.Create(VT_R8, 1, pNumElements);      

19.     YValues.Create(VT_R8, 1, pNumElements);  

20.     for(i=0; i<m_nPointNum; i++)   

21.     {           

22.         val = i;  

23.         XValues.PutElement(&i, &val);  

24.         val = randf(-20,20);  

25.         YValues.PutElement(&i, &val);  

26.     };  

27.     //由于需要计算时间，画图就不在第一个for循环里实现了  

28.     dwTimeS = GetTickCount();  

29.     ChartSpeed.Clear();  

30.     ChartSpeed.AddArray(m_nPointNum,YValues,XValues);  

31.     dwTimeE = GetTickCount();  

32.     dwTimeE -= dwTimeS;  

33.   

34.     str.Format(_T("耗时：%d ms"),dwTimeE);  

35.     SetDlgItemText(IDC_STATIC_T,str);  

36. }  

效果如何？

看图

快30倍，1638400个点瞬间完成

一般我们的数据经常是用double数组保存的，很少用COleSafeArray所以，为了方便，可以写一个函数方便画图

如下：

[cpp] view plain copy 

1. void DrawLine(double* pX,double* pY,long nNum)   

2. {  

3.     COleSafeArray XValues;      

4.     COleSafeArray YValues;  

5.     long i(0);  

6.     DWORD wLength = nNum;  

7.     XValues.Create(VT_R8, 1, &wLength);      

8.     YValues.Create(VT_R8, 1, &wLength);  

9.   

10.     for(i=0; i<nNum; i++)   

11.     {           

12.         XValues.PutElement(&i, pX+i);  

13.         YValues.PutElement(&i, pY+i);  

14.     }  

15.     CSeries Chart = (CSeries)m_Chart.Series(0);  

16.     Chart.Clear();  

17.     Chart.AddArray(nNum,YValues,XValues);  

18. }  

调用时只要把数组的首地址和长度传进去就行了。

TeeChart绘图控件破解版：http://download.csdn.net/detail/czyt1988/4201107

工程示例代码：http://download.csdn.net/detail/czyt1988/4201505

C++ GUI 绘图控件目录 MFC VS2010 使用TeeChart绘图控件 - 之一 - 控件和类的导入 VS2010 使用TeeChart绘图控件 - 之二 - 绘制图形（折线图，柱状图） TeeChart绘图控件 - 之三 - 提高绘图的效率 MFC下好用的高速绘图控件-(Hight-Speed Charting) 绘制动态曲线 Qt qt超强精美绘图控件 - QCustomPlot一览 qt超强绘图控件qwt - 安装及配置