相關鏈接：

C++ GUI 繪圖控件目錄 MFC VS2010 使用TeeChart繪圖控件 - 之一 - 控件和類的導入 VS2010 使用TeeChart繪圖控件 - 之二 - 繪制圖形（折線圖，柱狀圖） TeeChart繪圖控件 - 之三 - 提高繪圖的效率 MFC下好用的高速繪圖控件-(Hight-Speed Charting) 繪制動態曲線 Qt qt超強精美繪圖控件 - QCustomPlot一覽 qt超強繪圖控件qwt - 安裝及配置

---

也許這是vc下最好最方便的繪圖類，它有TeeChart的繪圖和操作風格，不用當心注冊破解的問題，因為它是開源的。不用打包注冊，因為它是封裝成類的，能方便擴展繼承。vc6.0到vs2010都能使用，而且非常簡單。

此類發表于codeproject

在使用它的時候，展示一下它的效果吧：

如果你想需要上面這些效果的，果斷選它吧！

下面用圖文并茂的方式，來詳細介紹這個繪圖控件

首先，下載這個控件，最新可以從這里獲取codeproject

1 ChartCtrl類的導入

在工程下建立一個文件夾 叫ChartCtrl吧，里面放置ChartCtrl的源代碼

文件夾內容如圖所示

然后讓vs導入這些類

全選，確定-ok

這時工程就添加好這個控件了

2.創建控件

2.1 對話框編輯器創建

對于一些不需要改變大小的對話框來說，在對話框編輯器里拖曳創建控件是最舒服的方法了，這個ChartCtrl可以用用戶控件來創建
首先在對話框上放置一個Custom Control

修改屬性如下圖所示。這里要改的屬性有Style，就在5右邊的0改為2,0x52010000,Class命名為ChartCtrl,ID隨便改了

給對話框添加變量，和傳統的方法一樣。這里需要注意的是，由于文件都放置在工程文件的一個文件夾下，包含頭文件時需要指明路徑

頭文件包含的樣式如下： [cpp] view plain copy print?

#include?"ChartCtrl/ChartCtrl.h"??

#include "ChartCtrl/ChartCtrl.h" 在對話框類添加變量，叫m_ChartCtrl1（后面還有m_ChartCtrl2通過動態創建的） [cpp] view plain copy print?

CChartCtrl?m_ChartCtrl2;??

CChartCtrl m_ChartCtrl2; 在DoDataExchange函數里添加關聯 [cpp] view plain copy print?

void?CSpeedChartCtrlDemoDlg::DoDataExchange(CDataExchange*?pDX)???

{??

????CDialogEx::DoDataExchange(pDX);??

????DDX_Control(pDX,?IDC_ChartCtrl1,?m_ChartCtrl1);??

}??

void CSpeedChartCtrlDemoDlg::DoDataExchange(CDataExchange* pDX) {CDialogEx::DoDataExchange(pDX);DDX_Control(pDX, IDC_ChartCtrl1, m_ChartCtrl1); }編譯運行，繪圖控件就出來了

2.2 動態創建

添加頭文件： 同樣頭文件如下寫： [cpp] view plain copy print?

#include?"ChartCtrl/ChartCtrl.h"??

#include "ChartCtrl/ChartCtrl.h"然后添加成員變量 [cpp] view plain copy print?

CChartCtrl?m_ChartCtrl2;??

CChartCtrl m_ChartCtrl2; 在resource.h里添加一個資源

添加IDC_ChartCtrl2，為1001，注意記得把_APS_NEXT_CONTROL_VALUE改成下一個資源號

在OnInitDialog里創建

如： [cpp] view plain copy print?

CRect?rect,rectChart;???

GetDlgItem(IDC_ChartCtrl1)->GetWindowRect(&rect);??

ScreenToClient(rect);??

rectChart?=?rect;??

rectChart.top?=?rect.bottom?+?3;??

rectChart.bottom?=?rectChart.top?+?rect.Height();??

m_ChartCtrl2.Create(this,rectChart,IDC_ChartCtrl2);??

m_ChartCtrl2.ShowWindow(SW_SHOWNORMAL);??

CRect rect,rectChart; GetDlgItem(IDC_ChartCtrl1)->GetWindowRect(&rect); ScreenToClient(rect); rectChart = rect; rectChart.top = rect.bottom + 3; rectChart.bottom = rectChart.top + rect.Height(); m_ChartCtrl2.Create(this,rectChart,IDC_ChartCtrl2); m_ChartCtrl2.ShowWindow(SW_SHOWNORMAL);
這樣就可以創建了，下圖兩個控件分別通過對話框編輯器創建和動態創建，代碼在附件下載里

此時什么也不會顯示，需要添加坐標軸

3.創建坐標軸

ChartCtrl一共有3種坐標，都繼承于CChartAxis


頭文件ChartCtrl.h已經包含這些坐標，不需要引入 下面分別建立兩種坐標軸，一個是數值型一個是時間型
在m_ChartCtrl1建立兩個都是數值型的坐標 在創建m_ChartCtrl1之后加入如下創建坐標軸的代碼：（這里寫在OnInitDialog里） [cpp] view plain copy print?

CChartAxis?*pAxis=?NULL;???

pAxis?=?m_ChartCtrl1.CreateStandardAxis(CChartCtrl::BottomAxis);??

pAxis->SetAutomatic(true);??

pAxis?=?m_ChartCtrl1.CreateStandardAxis(CChartCtrl::LeftAxis);??

pAxis->SetAutomatic(true);??

CChartAxis *pAxis= NULL; pAxis = m_ChartCtrl1.CreateStandardAxis(CChartCtrl::BottomAxis); pAxis->SetAutomatic(true); pAxis = m_ChartCtrl1.CreateStandardAxis(CChartCtrl::LeftAxis); pAxis->SetAutomatic(true);這樣就建立兩個坐標軸了，如圖所示


給m_ChartCtrl2創建時間坐標 [cpp] view plain copy print?

CChartDateTimeAxis*?pDateAxis=?NULL;??

pDateAxis?=?NULL;???

pDateAxis?=?m_ChartCtrl2.CreateDateTimeAxis(CChartCtrl::BottomAxis);??

pDateAxis->SetAutomatic(true);??

pDateAxis->SetTickLabelFormat(false,_T("%m月%d日"));??

pAxis?=?m_ChartCtrl2.CreateStandardAxis(CChartCtrl::LeftAxis);??

pAxis->SetAutomatic(true);??

CChartDateTimeAxis* pDateAxis= NULL; pDateAxis = NULL; pDateAxis = m_ChartCtrl2.CreateDateTimeAxis(CChartCtrl::BottomAxis); pDateAxis->SetAutomatic(true); pDateAxis->SetTickLabelFormat(false,_T("%m月%d日")); pAxis = m_ChartCtrl2.CreateStandardAxis(CChartCtrl::LeftAxis); pAxis->SetAutomatic(true); SetTickLabelFormat函數用來設置時間顯示方式，格式化和COleDateTime的Format一樣

4.創建標題

#include "ChartClass\ChartTitle.h"

在添加標題時，先要說說ChartCtrl的字符串，ChartCtrl的字符串實際是stl的string和wstring，為了對應unicode，作者對這兩種字符進行了一個宏定義，就像TCHAR一樣，定義如下：

[cpp] view plain copy print?

#include<string>??

#include?<sstream>??

??

#if?defined?_UNICODE?||defined?UNICODE??

????typedef?std::wstring?TChartString;??

????typedef?std::wstringstream?TChartStringStream;??

#else??

????typedef?std::string?TChartString;??

????typedef?std::stringstream?TChartStringStream;??

#endif??

#include<string> #include <sstream>#if defined _UNICODE ||defined UNICODEtypedef std::wstring TChartString;typedef std::wstringstream TChartStringStream; #elsetypedef std::string TChartString;typedef std::stringstream TChartStringStream; #endif
所以在多字節情況下，就是string。由于MFC大部分都是用CString，CString也是經過宏定義，所以可以比較輕松的和TChartString轉換，另外TChartStringStream遠比CString的Format靈活和直觀，建議大家研究研究！

?加入如下代碼：

[cpp] view plain copy print?

TChartString?str1;??

str1?=?_T("IDC_ChartCtrl1?-?m_ChartCtrl1");??

m_ChartCtrl1.GetTitle()->AddString(str1);??

??

CString?str2(_T(""));??

str2?=?_T("IDC_ChartCtrl2?-?m_ChartCtrl2");??

m_ChartCtrl2.GetTitle()->AddString(TChartString(str2));??

TChartString str1; str1 = _T("IDC_ChartCtrl1 - m_ChartCtrl1"); m_ChartCtrl1.GetTitle()->AddString(str1);CString str2(_T("")); str2 = _T("IDC_ChartCtrl2 - m_ChartCtrl2"); m_ChartCtrl2.GetTitle()->AddString(TChartString(str2));
TChartString 可以直接用“=”對字符串賦值

設置坐標軸的標題，首先需要獲取坐標GetLeftAxis，GetBottomAxis ……
獲取坐標后，獲得坐標的文字標簽GetLabel，然后進行修改
如下兩種寫法，一種比較安全繁瑣，一種就直接過去就可以，看個人喜好

[cpp] view plain copy print?

CChartAxisLabel*?pLabel?=?NULL;??

CChartAxis?*pAxis?=?NULL;??

TChartString?str1?=?_T("左坐標軸");??

??

CChartAxisLabel*?pLabel?=?NULL;??

??

pAxis?=?m_ChartCtrl1.GetLeftAxis();??

if(pAxis)??

????pLabel?=?pAxis->GetLabel();??

if(pLabel)??

????pLabel->SetText(str1);??

??

m_ChartCtrl2.GetLeftAxis()->GetLabel()->SetText(str1);??

??

str1?=?_T("數值坐標軸");??

pAxis?=?m_ChartCtrl1.GetBottomAxis();??

if(pAxis)??

????pLabel?=?pAxis->GetLabel();??

if(pLabel)??

????pLabel->SetText(str1);??

str1?=?_T("時間坐標軸");??

??

m_ChartCtrl2.GetBottomAxis()->GetLabel()->SetText(str1);??

CChartAxisLabel* pLabel = NULL; CChartAxis *pAxis = NULL; TChartString str1 = _T("左坐標軸");CChartAxisLabel* pLabel = NULL;pAxis = m_ChartCtrl1.GetLeftAxis(); if(pAxis)pLabel = pAxis->GetLabel(); if(pLabel)pLabel->SetText(str1);m_ChartCtrl2.GetLeftAxis()->GetLabel()->SetText(str1);str1 = _T("數值坐標軸"); pAxis = m_ChartCtrl1.GetBottomAxis(); if(pAxis)pLabel = pAxis->GetLabel(); if(pLabel)pLabel->SetText(str1); str1 = _T("時間坐標軸");m_ChartCtrl2.GetBottomAxis()->GetLabel()->SetText(str1);

設置完效果如圖

標題還可以更改顏色，這里不再重復描述。

5.畫圖

5.1 創建線圖

ChartCtrl的畫線非常簡單通用，遠比TeeChart簡單和方便。 創建線圖先要創建一個圖形系列，這個和TeeChart很像 用函數CChartCtrl的CreateLineSerie()函數即可創建一個線圖，這個函數會返回這個系列的指針，所有在創建之后記得保存下這個指針，以便之后的操作。線圖系列的指針是CChartLineSerie，記得包含頭文件 #include "ChartClass\ChartLineSerie.h" 創建完序列之后就可以用AddPoints函數把double數組的數據畫出來，這個比TeeChart方便多了 如下這是畫圖的函數 [cpp] view plain copy print?

m_ChartCtrl1.EnableRefresh(false);??

m_ChartCtrl2.EnableRefresh(false);??

//??

//畫圖測試??

//??

double?x[1000],?y[1000];??

for?(int?i=0;?i<1000;?i++)??

{??

????x[i]?=?i;??

????y[i]?=?sin(float(i));??

}??

CChartLineSerie?*pLineSerie1;??

m_ChartCtrl1.RemoveAllSeries();//先清空??

pLineSerie1?=?m_ChartCtrl1.CreateLineSerie();??

pLineSerie1->SetSeriesOrdering(poNoOrdering);//設置為無序??

pLineSerie1->AddPoints(x,?y,1000);??

pLineSerie1->SetName(_T("這是IDC_ChartCtrl1的第一條線"));//SetName的作用將在后面講到??

??

//??

//時間軸畫圖??

//??

COleDateTime?t1(COleDateTime::GetCurrentTime());??

COleDateTimeSpan?tsp(1,0,0,0);??

for?(int?i=0;?i<1000;?i++)??

{??

????x[i]?=?t1.m_dt;??

????y[i]?=?sin(float(i));??

????t1?+=?tsp;??

}??

CChartLineSerie?*pLineSerie2;??

m_ChartCtrl2.RemoveAllSeries();//先清空??

pLineSerie2?=?m_ChartCtrl2.CreateLineSerie();??

pLineSerie2->SetSeriesOrdering(poNoOrdering);//設置為無序??

pLineSerie2->AddPoints(x,?y,1000);??

pLineSerie2->SetName(_T("這是IDC_ChartCtrl2的第一條線"));//SetName的作用將在后面講到??

??

m_ChartCtrl1.EnableRefresh(true);??

m_ChartCtrl2.EnableRefresh(true);??

m_ChartCtrl1.EnableRefresh(false); m_ChartCtrl2.EnableRefresh(false); // //畫圖測試 // double x[1000], y[1000]; for (int i=0; i<1000; i++) {x[i] = i;y[i] = sin(float(i)); } CChartLineSerie *pLineSerie1; m_ChartCtrl1.RemoveAllSeries();//先清空 pLineSerie1 = m_ChartCtrl1.CreateLineSerie(); pLineSerie1->SetSeriesOrdering(poNoOrdering);//設置為無序 pLineSerie1->AddPoints(x, y,1000); pLineSerie1->SetName(_T("這是IDC_ChartCtrl1的第一條線"));//SetName的作用將在后面講到// //時間軸畫圖 // COleDateTime t1(COleDateTime::GetCurrentTime()); COleDateTimeSpan tsp(1,0,0,0); for (int i=0; i<1000; i++) {x[i] = t1.m_dt;y[i] = sin(float(i));t1 += tsp; } CChartLineSerie *pLineSerie2; m_ChartCtrl2.RemoveAllSeries();//先清空 pLineSerie2 = m_ChartCtrl2.CreateLineSerie(); pLineSerie2->SetSeriesOrdering(poNoOrdering);//設置為無序 pLineSerie2->AddPoints(x, y,1000); pLineSerie2->SetName(_T("這是IDC_ChartCtrl2的第一條線"));//SetName的作用將在后面講到m_ChartCtrl1.EnableRefresh(true); m_ChartCtrl2.EnableRefresh(true);

RemoveAllSeries函數可以清楚所有線條，EnableRefresh函數可以提供繪圖效率，另外告訴大家一個bug，時間軸坐標在調第二次用RemoveAllSeries函數后，畫圖時一定要EnableRefresh(false)再EnableRefresh(true);否則會斷言

下面將介紹更多的會圖方法 在上一篇已經介紹了簡單的線條繪制，實際上可能需要多的功能

5.2 添加曲線

控件可以繪制不止一條曲線，可以繪制足夠多的曲線在上面，下面演示如何添加多個曲線 只要在畫圖時不清楚原來的曲線就會添加多一條曲線 把代碼的RemoveAllSeries去掉就會添加多條曲線 [cpp] view plain copy print?

m_ChartCtrl1.EnableRefresh(false);??

m_ChartCtrl2.EnableRefresh(false);??

//??

//畫圖測試??

//??

double?x[1000],?y[1000];??

for?(int?i=0;?i<1000;?i++)??

{??

x[i]?=?i;??

y[i]?=?sin(float(i)*m_ChartCtrl1.GetSeriesCount());??

}??

CChartLineSerie?*pLineSerie1;??

//?m_ChartCtrl1.RemoveAllSeries();//不清空??

pLineSerie1?=?m_ChartCtrl1.CreateLineSerie();??

pLineSerie1->SetSeriesOrdering(poNoOrdering);//設置為無序??

pLineSerie1->AddPoints(x,?y,1000);??

TChartStringStream?strs1;??

strs1?<<?_T("這是IDC_ChartCtrl1的第")??

<<?m_ChartCtrl1.GetSeriesCount()??

<<?_T("條曲線");??

pLineSerie1->SetName(strs1.str());??

??

//??

//時間軸畫圖??

//??

COleDateTime?t1(COleDateTime::GetCurrentTime());??

COleDateTimeSpan?tsp(1,0,0,0);??

for?(int?i=0;?i<1000;?i++)??

{??

x[i]?=?t1.m_dt;??

y[i]?=?sin(float(i)*m_ChartCtrl2.GetSeriesCount());??

t1?+=?tsp;??

}??

CChartLineSerie?*pLineSerie2;??

//?m_ChartCtrl2.RemoveAllSeries();//不清空??

pLineSerie2?=?m_ChartCtrl2.CreateLineSerie();??

pLineSerie2->SetSeriesOrdering(poNoOrdering);//設置為無序??

pLineSerie2->AddPoints(x,?y,1000);??

TChartStringStream?strs2;??

strs2?<<?_T("這是IDC_ChartCtrl2的第")??

<<?m_ChartCtrl2.GetSeriesCount()??

<<?_T("條曲線");??

pLineSerie2->SetName(strs2.str());??

??

m_ChartCtrl1.EnableRefresh(true);??

m_ChartCtrl2.EnableRefresh(true);??

m_ChartCtrl1.EnableRefresh(false); m_ChartCtrl2.EnableRefresh(false); // //畫圖測試 // double x[1000], y[1000]; for (int i=0; i<1000; i++) { x[i] = i; y[i] = sin(float(i)*m_ChartCtrl1.GetSeriesCount()); } CChartLineSerie *pLineSerie1; // m_ChartCtrl1.RemoveAllSeries();//不清空 pLineSerie1 = m_ChartCtrl1.CreateLineSerie(); pLineSerie1->SetSeriesOrdering(poNoOrdering);//設置為無序 pLineSerie1->AddPoints(x, y,1000); TChartStringStream strs1; strs1 << _T("這是IDC_ChartCtrl1的第") << m_ChartCtrl1.GetSeriesCount() << _T("條曲線"); pLineSerie1->SetName(strs1.str());// //時間軸畫圖 // COleDateTime t1(COleDateTime::GetCurrentTime()); COleDateTimeSpan tsp(1,0,0,0); for (int i=0; i<1000; i++) { x[i] = t1.m_dt; y[i] = sin(float(i)*m_ChartCtrl2.GetSeriesCount()); t1 += tsp; } CChartLineSerie *pLineSerie2; // m_ChartCtrl2.RemoveAllSeries();//不清空 pLineSerie2 = m_ChartCtrl2.CreateLineSerie(); pLineSerie2->SetSeriesOrdering(poNoOrdering);//設置為無序 pLineSerie2->AddPoints(x, y,1000); TChartStringStream strs2; strs2 << _T("這是IDC_ChartCtrl2的第") << m_ChartCtrl2.GetSeriesCount() << _T("條曲線"); pLineSerie2->SetName(strs2.str());m_ChartCtrl1.EnableRefresh(true); m_ChartCtrl2.EnableRefresh(true);

這里我添加了n條。

5.3 動態曲線

具體可見：繪圖控件第五講——繪制動態曲線 ：http://blog.csdn.net/czyt1988/article/details/20136895 以前寫TeeChart畫圖的文章時好多人問怎么動態畫圖，其實所有畫圖控件的動態畫圖都一樣，就是不停的畫，動的只是數組，控件只負責畫圖，你想讓圖像動起來，就讓數據動起來！
數據動起來涉及到數組的左右移動，很簡單的一個算法而已 如有一個double數組 double pdx[100],pdy[100]; 每次畫圖時讓pdx左移一位 [cpp] view plain copy print?

for(int?i(0);i<99;++i)??

{??

???pdx[i]?=?pdx[i+1];??

???pdy[i]?=?pdy[i+1];??

}??

pdy[99]?=?……需要顯示的新數據……??

for(int i(0);i<99;++i) {pdx[i] = pdx[i+1];pdy[i] = pdy[i+1]; } pdy[99] = ……需要顯示的新數據……

然后每隔0.幾秒畫出來，就發現動起來了

ChartCtrl提供了兩種繪圖函數，AddPoints和AddPoint,這兩種函數在繪制動態圖時會有所區別，區別見上圖，上面的是AddPoints，繪圖長度固定，AddPoint效果見下圖，圖線會不停積累。

這是我在上研究生時寫的一篇文章，當時放進草稿箱里一直沒發出來，今天無意看到，決定把他完成，demo代碼已經找不到了，可能在我以前實驗室的電腦里吧~工作后也很少用mfc了，現在偶爾用用qt過把癮，大家如果對繪圖工控有需求的話，可以使用qt的qwt控件，也比較簡單，這個控件幫了我很多忙，在此向作者表示感謝，大家可以查看其源代碼學習其編程思想。

---

下載地址：http://www.codeproject.com/Articles/14075/High-speed-Charting-Control? ?

csdn資源下載地址：http://download.csdn.net/detail/czyt1988/6880917

---

C++ GUI 繪圖控件目錄 MFC VS2010 使用TeeChart繪圖控件 - 之一 - 控件和類的導入 VS2010 使用TeeChart繪圖控件 - 之二 - 繪制圖形（折線圖，柱狀圖） TeeChart繪圖控件 - 之三 - 提高繪圖的效率 MFC下好用的高速繪圖控件-(Hight-Speed Charting) 繪制動態曲線 Qt qt超強精美繪圖控件 - QCustomPlot一覽 qt超強繪圖控件qwt - 安裝及配置

總結

以上是生活随笔為你收集整理的TeeChart替代品，MFC下好用的高速绘图控件-(Hight-Speed Charting)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。