TeeChart繪圖控制項 – 之三 – 提高繪圖的效率

VS2010 使用TeeChart繪圖控制項 - 之一 - 控制項和類的匯入

VS2010 使用TeeChart繪圖控制項 - 之二 - 繪製圖形（折線圖，柱狀圖）

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