关闭

MsChart实现无闪烁动态曲线(MFC)

246人阅读 评论(0) 收藏 举报
最近需要用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 return0;
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的大小

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:532次
    • 积分:5
    • 等级:
    • 排名:千里之外
    • 原创:0篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条
    文章存档