最近需要用MFC做一个界面动态显示曲线，自己画坐标轴画曲线太费时间，网上也有很多已实现的动态曲线接口，但是也不太灵活。正好微软有个现成的MSChart，功能比较全面，查了一些资料，总算实现了无闪烁的动态曲线。关于MSChart的安装可以参考上篇文章http://www.cnblogs.com/wy-wangyan/archive/2011/05/06/2038981.html
实现的效果截图：
实现的原理：MSChart如果要实现动态的曲线就只能在设置的定时器中根据RowCount，到一定的列数后在最后一列插入新一列(m_Chart.GetDataGrid().InsertRows)，将最早出现的那一列删除(m_Chart.GetDataGrid().DeleteRows)。对于无闪烁刷新的实现类似于一般MFC画图中创建双缓冲画图避免屏幕闪烁的方法，这里是用CStatic动态创建一个Picture Control图像控件，将它设定和要画的MSChart一样大，然后把mschart的内容利用m_Chart.EditCopy()复制到剪贴板，然后再在picture control中显示出来。
下面是全部的实现的代码：
MSChart需要在view的oncreate中创建出mschart：
1 int CRTDBView::OnCreate(LPCREATESTRUCT lpCreateStruct)
2 {
3 if (CView::OnCreate(lpCreateStruct) == -1)
4 return -1;
5
6 // TODO: Add your specialized creation code here
7 CRect rc;
8 GetClientRect(&rc);
9 VERIFY(m_Picture.Create(_T(""),SS_BITMAP|WS_CHILD|WS_EX_TRANSPARENT| WS_VISIBLE,CRect(0,0,1200,600),this,IDC_PICTURE));
10 if(!m_Chart.Create(_T("RTDB"),WS_CHILD| WS_VISIBLE, CRect(0,0,1200,600), this, 10))
11 return -1;
12
13
14 return 0;
15 }
在ONSIZE中设置mschart的位置：
1 void CRTDBView::OnSize(UINT nType, int cx, int cy)
2 {
3 CView::OnSize(nType, cx, cy);
4
5 // TODO: Add your message handler code here
6 if( m_Chart.GetSafeHwnd())
7 m_Chart.MoveWindow( 0, 0, cx, cy );
8 }
下面是主要实现部分的代码了，InitChart函数实现了mschart的背景、标题、XY坐标刻度以及颜色字体大小、曲线设定颜色以及数据点的显示等。主要是chart的初始化。
1 void CRTDBView::InitChart(void)
2 {
3 // 设置标题
4 m_Chart.SetTitleText(_T("RTDB"));
5
6 // 设置标题颜色
7 m_Chart.GetTitle().GetVtFont().GetVtColor().Set(0,255,0);
8
9 // 改变字体大小
10 m_Chart.GetTitle().GetVtFont().SetSize(14);
11
12 // 改变背景色
13 m_Chart.GetBackdrop().GetFill().SetStyle(1);
14 m_Chart.GetBackdrop().GetFill().GetBrush().GetFillColor().Set(0,0,0);
15
16 // 显示图例
17 m_Chart.SetShowLegend(TRUE);
18 m_Chart.SetColumn(1);
19 m_Chart.SetColumnLabel((LPCTSTR)_T("point num"));
20
21 // 设置图例颜色
22 m_Chart.GetLegend().GetVtFont().GetVtColor() .Set(0,255,0);
23
24 // 初始化设置row
25 m_Chart.SetRowCount(15);
26 m_Chart.SetRow(1);
27 m_Chart.SetRowLabel((LPCTSTR)_T(""));
28 for (UINT i=1;i<=m_Chart.GetRowCount();i++)
29 {
30 m_Chart.GetDataGrid().SetData(i,1,0,0);
31 }
32
33
34 // 显示类型 组合的方式 0为3D 1为2D
35 m_Chart.SetChartType(1|2);
36 m_Chart.SetSeriesType(11);
37
38 // 栈模式
39 m_Chart.SetStacking(FALSE);
40
41 VARIANT var;
42
43 // X、Y轴名称
44 m_Chart.GetPlot().GetAxis(0,var).GetAxisTitle().SetText(_T("时间(s)")); // X轴名称
45 m_Chart.GetPlot().GetAxis(1,var).GetAxisTitle().SetText(_T("点数")); // Y轴名称
46
47 // X轴设置
48 m_Chart.GetPlot().GetAxis(0,var).GetCategoryScale().SetAuto(FALSE); // 不自动标注X轴刻度
49 m_Chart.GetPlot().GetAxis(0,var).GetCategoryScale().SetDivisionsPerLabel(1);// 每刻度一个标注
50 m_Chart.GetPlot().GetAxis(0,var).GetCategoryScale().SetDivisionsPerTick(1); // 每刻度一个刻度线
51
52 // X轴每刻度竖线，0为不设置、1为设置
53 m_Chart.GetPlot().GetAxis(0,var).GetAxisGrid().GetMajorPen().SetStyle(0);
54
55 // 曲线个数
56 m_Chart.SetColumnCount(1);
57
58 // 曲线颜色
59 m_Chart.GetPlot().GetSeriesCollection().GetItem(1).GetPen().GetVtColor().Set(0,255,0);
60
61 // 曲线宽度(对点线图有效)
62 m_Chart.GetPlot().GetSeriesCollection().GetItem(1).GetPen().SetWidth(30);
63
64 // 数据点类型显示数据值的模式(对柱柱状图和点线图有效)
65 // 0: 不显示 1: 显示在柱状图外
66 // 2: 显示在柱状图内上方 3: 显示在柱状图内中间 4: 显示在柱状图内下方
67 m_Chart.GetPlot().GetSeriesCollection().GetItem(1).GetDataPoints().GetItem(-1).GetDataPointLabel().SetLocationType(1);
68
69 // 设置曲线上数据点颜色
70 m_Chart.GetPlot().GetSeriesCollection().GetItem(1).GetDataPoints().GetItem(-1).GetDataPointLabel().GetVtFont().GetVtColor().Set(0,255,0);
71
72 // 曲线设置十字标记
73 m_Chart.GetPlot().GetSeriesCollection().GetItem(1).GetSeriesMarker().SetAuto(FALSE); // MUST!!
74 m_Chart.GetPlot().GetSeriesCollection().GetItem(1).GetDataPoints().GetItem(-1)
75 .GetMarker().SetVisible(TRUE);
76
77 // 0横杠，1十字，2是叉，3是星，4是圆圈，5是方块，6菱形
78 // 7三角，8倒三角，9实心点，10实心方块，11实心菱形，12实心三角，13实心倒三角，14泛光的点
79 m_Chart.GetPlot().GetSeriesCollection().GetItem(1).GetDataPoints().GetItem(-1)
80 .GetMarker().SetStyle(1);
81
82 // 设置曲线上十字颜色
83 m_Chart.GetPlot().GetSeriesCollection().GetItem(1).GetDataPoints().GetItem(-1)
84 .GetMarker().GetFillColor().Set(255,0,0);
85 m_Chart.GetPlot().GetSeriesCollection().GetItem(1).GetDataPoints().GetItem(-1)
86 .GetMarker().GetPen().GetVtColor().Set(255,0,0);
87
88 // 设定坐标轴颜色
89 m_Chart.GetPlot().GetAxis(0,var).GetPen().GetVtColor().Set(0,255,0);
90 m_Chart.GetPlot().GetAxis(1,var).GetPen().GetVtColor().Set(0,255,0);
91 m_Chart.GetPlot().GetAxis(2,var).GetPen().GetVtColor().Set(0,255,0);
92
93 // 设置坐标轴轴刻度值颜色
94 m_Chart.GetPlot().GetAxis(1,var).GetLabels().GetItem(1).GetVtFont().GetVtColor().Set(0,255,0);
95 m_Chart.GetPlot().GetAxis(0,var).GetLabels().GetItem(1).GetVtFont().GetVtColor().Set(0,255,0);
96 m_Chart.GetPlot().GetAxis(2,var).GetLabels().GetItem(1).GetVtFont().GetVtColor().Set(0,255,0);
97
98 // 设定坐标轴宽度
99 m_Chart.GetPlot().GetAxis(0,var).GetPen().SetWidth(30);
100 m_Chart.GetPlot().GetAxis(1,var).GetPen().SetWidth(30);
101
102 //设定X、Y轴标题颜色
103 m_Chart.GetPlot().GetAxis(1,var).GetAxisTitle().GetVtFont().GetVtColor().Set(0,255,0);
104 m_Chart.GetPlot().GetAxis(0,var).GetAxisTitle().GetVtFont().GetVtColor().Set(0,255,0);
105
106 // 设置Y轴坐标横线颜色
107 m_Chart.GetPlot().GetAxis(1,var).GetAxisGrid().GetMajorPen().GetVtColor().Set(0,255,0);
108
109 // 设置Y轴
110 m_Chart.GetPlot().GetAxis(1,var).GetValueScale().SetAuto(FALSE); // 不自动标注Y轴刻度
111 m_Chart.GetPlot().GetAxis(1,var).GetValueScale().SetMaximum(100); // Y轴最大刻度
112 m_Chart.GetPlot().GetAxis(1,var).GetValueScale().SetMinimum(-100); // Y轴最小刻度
113 m_Chart.GetPlot().GetAxis(1,var).GetValueScale().SetMajorDivision(10); // Y轴刻度5等分
114 m_Chart.GetPlot().GetAxis(1,var).GetValueScale().SetMinorDivision(1); // 每刻度一个刻度线
115
116 // 设置Y轴名称大小、类型
117 m_Chart.GetPlot().GetAxis(1,var).GetAxisTitle().GetVtFont().SetStyle(0);
118 m_Chart.GetPlot().GetAxis(1,var).GetAxisTitle().GetVtFont().SetSize(12);
119
120 // 隐藏第二Y轴
121 m_Chart.GetPlot().GetAxis(2,var).GetAxisScale().SetHide(FALSE);
122
123 // 刷新
124 m_Chart.Refresh();
125
126 }
最后在OnTimer函数中是动态曲线的实现以及无闪烁的实现：
1 void CRTDBView::OnTimer(UINT_PTR nIDEvent)
2 {
3
4 //TODO: Add your message handler code here and/or call default
5 m_Picture.BringWindowToTop();
6 m_Picture.ShowWindow(SW_SHOW);
7 HANDLE hDib;
8 pDC = GetDlgItem(IDC_PICTURE)->GetDC();
9 int m_rowPos=m_Chart.GetRowCount()+1;
10
11 // 插入新一列
12 m_Chart.GetDataGrid().InsertRows(m_rowPos,1);
13 m_Chart.SetRow(m_rowPos);
14 char buf[32];
15 for (int i=0;i<sizeof(buf);i++)
16 {
17 buf[i]=0;
18 }
19 sprintf(buf, "%d",m_iCount);
20
21 // X轴坐标值
22 m_Chart.SetRowLabel((LPCTSTR)CString(buf));
23
24 // 数据设置(随机)
25 m_Chart.GetDataGrid().SetData(m_rowPos,1,rand() * 100 / RAND_MAX,0);
26
27 // 大于15列就开始删除最后一列
28 if (m_Chart.GetRowCount()>15)
29 {
30 m_Chart.GetDataGrid().DeleteRows(m_rowPos-15,1);
31 }
32 m_iCount++;
33
34 // 把更新复制到粘贴板，在picture中显示
35 m_Chart.EditCopy();
36 if(OpenClipboard())
37 {
38 hDib = GetClipboardData(CF_DIB);
39 CloseClipboard();
40 }
41 BITMAPINFO* pbi = (BITMAPINFO*)GlobalLock(hDib);
42 if (pbi != NULL)
43 {
44 BYTE* data = (BYTE*)(pbi->bmiColors);
45 if (pbi->bmiHeader.biBitCount <= 8)
46 {
47 int nColor = (pbi->bmiHeader.biClrUsed==0) ?
48 1<<(pbi->bmiHeader.biBitCount) : pbi->bmiHeader.biClrUsed; // nColor颜色表中的颜色数
49 data += sizeof(RGBQUAD) *nColor;
50 }
51 StretchDIBits(pDC->GetSafeHdc(),1,1, pbi->bmiHeader.biWidth-1,
52 pbi->bmiHeader.biHeight-1,0, 0, pbi->bmiHeader.biWidth,
53 pbi->bmiHeader.biHeight, data, pbi, DIB_RGB_COLORS, SRCCOPY);// 显示，我为了保留外面的方框，前面宽度和高度都减了1
54 GlobalUnlock(hDib);
55 }
56 m_Chart.Refresh();
57 CView::OnTimer(nIDEvent);
58 }
另外，在动态创建picture control时候一定要注意创建的picture control的大小