TeeChart绘图控件 - 之三 - 提高绘图的效率

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

void CTeeChartDlg ::OnBnClickedButtondraw() 
{
    CSeries ChartSpeed  = (CSeries)m_Chart.Series( 0);
    UpdateData(TRUE);
     if (m_nPointNum < = 0)
    {
        MessageBox(_T( "数据点数不能小于0"));
         return;
    }
     DWORD dwTimeS,dwTimeE;
     CString str(_T( ""));
     unsigned i( 0);
     double * pDataX = NULL;
     double * pDataY = NULL;
     //分配内存
    pDataX  =  new double[m_nPointNum];
    pDataY  =  new double[m_nPointNum];
     for (i = 0;i <( unsigned)m_nPointNum;i ++)
    {
        pDataY[i]  = randf( - 20, 20);
        pDataX[i]  = i;
    }
     //由于需要计算时间，画图就不在第一个for循环里实现了

    dwTimeS  = GetTickCount();
    ChartSpeed.Clear();
     for(i = 0;i <( unsigned)m_nPointNum;i ++)
    {
        ChartSpeed.AddXY(pDataX[i],pDataY[i],NULL, 0);
    }
    dwTimeE  = GetTickCount();
    dwTimeE  -= dwTimeS;
     if (pDataX)
    {
         delete[] pDataX;
    }
     if (pDataY)
    {
         delete[] pDataY;
    }
    str.Format(_T( "耗时：%d ms"),dwTimeE);
    SetDlgItemText(IDC_STATIC_T,str);
}

在

     for(i = 0;i <( unsigned)m_nPointNum;i ++)
    {
        ChartSpeed.AddXY(pDataX[i],pDataY[i],NULL, 0);
    }

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

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

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

为了验证AddArray的快速性，

添加了一个按钮：

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

利用COleSafeArray 实现数据存储

实现代码如下：

void CTeeChartDlg ::OnBnClickedButtondraw2()
{
    CSeries ChartSpeed  = (CSeries)m_Chart.Series( 0);
    UpdateData(TRUE);
     if (m_nPointNum < = 0)
    {
        MessageBox(_T( "数据点数不能小于0"));
         return;
    }
     DWORD dwTimeS,dwTimeE;
     CString str(_T( ""));
     long i( 0);
     double val;

    COleSafeArray XValues;    
    COleSafeArray YValues;
     DWORD pNumElements[]  = {m_nPointNum};
    XValues.Create(VT_R8,  1, pNumElements);    
    YValues.Create(VT_R8,  1, pNumElements);
     for(i = 0; i <m_nPointNum; i ++) 
    {         
        val  = i;
        XValues.PutElement( &i,  &val);
        val  = randf( - 20, 20);
        YValues.PutElement( &i,  &val);
    };
     //由于需要计算时间，画图就不在第一个for循环里实现了
    dwTimeS  = GetTickCount();
    ChartSpeed.Clear();
     ChartSpeed.AddArray(m_nPointNum,YValues,XValues);
    dwTimeE  = GetTickCount();
    dwTimeE  -= dwTimeS;

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

效果如何？

看图

快30倍，1638400个点瞬间完成

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

如下：

void DrawLine( double * pX, double * pY, long nNum) 
{
    COleSafeArray XValues;    
    COleSafeArray YValues;
     long i( 0);
     DWORD wLength  = nNum;
    XValues.Create(VT_R8,  1,  &wLength);    
    YValues.Create(VT_R8,  1,  &wLength);

     for(i = 0; i <nNum; i ++) 
    {         
        XValues.PutElement( &i, pX +i);
        YValues.PutElement( &i, pY +i);
    }
    CSeries Chart  = (CSeries)m_Chart.Series( 0);
    Chart.Clear();
    Chart.AddArray(nNum,YValues,XValues);
}

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

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

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