MFC扩展编程实例3D并列叠加柱形图创建与交互操作

MFC扩展编程实例3D并列叠加柱形图创建与交互操作

三维的柱形图还可以细分很多类别，比如叠加的，簇形的，并列叠加等等。
当前这个例程实现两个并列叠加显示的三维柱形图，效果如下图：

MFC扩展编程实例3D并列叠加柱形图创建与交互操作

图中两个系列叠加为一根柱形，两柱形为一组并列显示。
界面上还有按钮可以设置数据标签的显示位置，另一按钮可以设置数据系列的填充渐变样式。
圆形控件可以对图表进行左右上下等旋转操作。
例程也实现通过鼠标来交互操作图表，鼠标右键按着不放可以上下左右滚动图表。
键盘左shift按着，鼠标左键可以平移图表，鼠标中键可以缩放图表。

下面是实现过程与关键代码。
创建基于class CMy123View : public CBCGPFormView 的单文档工程，
视窗对话框界面添加图片控件IDC_ROTATE,IDC_CHART,用于操作图表和显示图表。
再添加变量与函数与虚函数Create，在Create内初始化变量。
        CBCGPChartCtrl      m_wndChart;
        CBCGPRotationCtrl        m_wndRotate;
    void RotateChart(CBCGPRotationObject::RotationElement hit, double xDelta = 10., double yDelta = 10., double persperctiveDelta = 0.1);

1. void CMy123View::RotateChart(CBCGPRotationObject::RotationElement hit, double xDelta, double yDelta, double persperctiveDelta)
   
2. {
   
3.         CBCGPChartVisualObject* pChart = m_wndChart.GetChart();
   
4.         if (pChart == NULL)
   
5.                 return;
   
6.         ASSERT_VALID(pChart);
   
7.         CBCGPChartDiagram3D* pDiagram3D = pChart->GetDiagram3D();
   
8.         if (pDiagram3D == NULL)
   
9.                 return;
   
10.         double xRotation = pDiagram3D->GetXRotation();
    
11.         double yRotation = pDiagram3D->GetYRotation();
    
12.         double dblPerspectivePercent = pDiagram3D->GetPerspectivePercent();
    
13.         switch (hit)
    
14.         {
    
15.         case CBCGPRotationObject::BCGP_ROTATION_RESET:
    
16.                 pDiagram3D->Reset(TRUE);
    
17.                 return;
    
18.         case CBCGPRotationObject::BCGP_ROTATION_UP:
    
19.                 yRotation += yDelta;
    
20.                 break;
    
21.         case CBCGPRotationObject::BCGP_ROTATION_DOWN:
    
22.                 yRotation -= yDelta;
    
23.                 break;
    
24.         case CBCGPRotationObject::BCGP_ROTATION_LEFT:
    
25.                 xRotation -= xDelta;
    
26.                 break;
    
27.         case CBCGPRotationObject::BCGP_ROTATION_RIGHT:
    
28.                 xRotation += xDelta;
    
29.                 break;
    
30.         case CBCGPRotationObject::BCGP_ROTATION_NARROW_FIELD_OF_VIEW:
    
31.                 dblPerspectivePercent -= persperctiveDelta;
    
32.                 break;
    
33.         case CBCGPRotationObject::BCGP_ROTATION_WIDEN_FIELD_OF_VIEW:
    
34.                 dblPerspectivePercent += persperctiveDelta;
    
35.                 break;
    
36.         }
    
37.         pDiagram3D->SetPosition(xRotation, yRotation, dblPerspectivePercent);
    
38.         pChart->SetDirty(TRUE,TRUE);
    
39. }
    

复制代码

1. BOOL CMy123View::Create(LPCTSTR lpszClassName, LPCTSTR lpszWindowName, DWORD dwStyle, const RECT& rect, CWnd* pParentWnd, UINT nID, CCreateContext* pContext)
   
2. {
   
3.         BOOL bRst = CBCGPFormView::Create(lpszClassName, lpszWindowName, dwStyle, rect, pParentWnd, nID, pContext);;
   
4.         m_wndRotate.SubclassDlgItem(IDC_ROTATE,this);
   
5.         m_wndRotate.GetRotationObject()->SetAutorepeatMode(100);
   
6.         m_wndRotate.GetRotationObject()->SetColorTheme(CBCGPRotationObject::BCGP_COLOR_THEME_VISUAL_MANAGER);
   
7.         m_wndRotate.GetRotationObject()->EnablePart(CBCGPRotationObject::BCGP_ROTATION_CLOCKWISE, FALSE);
   
8.         m_wndRotate.GetRotationObject()->EnablePart(CBCGPRotationObject::BCGP_ROTATION_COUNTER_CLOCKWISE, FALSE);
   
9.         m_wndRotate.GetRotationObject()->EnableFlatIcons();
   
10.         //获取图表指针;
    
11.         m_wndChart.SubclassDlgItem(IDC_CHART,this);//子类化图表;
    
12.         CBCGPChartVisualObject* pChart = m_wndChart.GetChart();
    
13.         pChart->SetChartTitle(_T("3D叠加柱形图"));//图表标题设置;
    
14.         pChart->SetThemeOpacity(70);//图表主题透明度设置;
    
15.         pChart->EnableMouseTrackingMode(BCGPChartHitInfo::HIT_DIAGRAM);
    
16.         BCGPChartCategory category = BCGPChartColumn3D;//图表种类,F12查看全部;
    
17.         BCGPChartType type = BCGP_CT_100STACKED;//BCGP_CT_SIMPLE;//BCGP_CT_STACKED;//图表类型,按F12查看全部;
    
18.         pChart->SetChartType(category, type);//设置图表类别;
    
19. //        pChart->GetDiagram3D()->SetGrouped(TRUE, FALSE);//配合BCGP_CT_SIMPLE可设置为簇状类型图表;
    
20.         //设置3D背部与底部;
    
21.         DWORD dwoFlags = CBCGPChartDiagram3D::DWO_OUTLINE_ALL;
    
22.         dwoFlags |= (CBCGPChartDiagram3D::DWO_DRAW_ALL_WALLS | CBCGPChartDiagram3D::DWO_DRAW_FLOOR);
    
23.         pChart->GetDiagram3D()->SetDrawWallOptions((CBCGPChartDiagram3D::DrawWallOptions)dwoFlags);
    
24.         pChart->GetDiagram3D()->SetThickWallsAndFloor(true);
    
25.         //创建4个数据系列;
    
26.         CBCGPChartBarSeries* pBarSeries1 = DYNAMIC_DOWNCAST(CBCGPChartBarSeries, pChart->CreateSeries(_T("能源")));
    
27.         CBCGPChartBarSeries* pBarSeries2 = DYNAMIC_DOWNCAST(CBCGPChartBarSeries, pChart->CreateSeries(_T("税收")));
    
28.         CBCGPChartBarSeries* pBarSeries3 = DYNAMIC_DOWNCAST(CBCGPChartBarSeries, pChart->CreateSeries(_T("维护")));
    
29.         CBCGPChartBarSeries* pBarSeries4 = DYNAMIC_DOWNCAST(CBCGPChartBarSeries, pChart->CreateSeries(_T("其他")));
    
30.         //将系列设置相同组ID，可实现并列显示;
    
31.         pBarSeries1->SetGroupID(0);
    
32.         pBarSeries2->SetGroupID(0);
    
33.         pBarSeries3->SetGroupID(1);
    
34.         pBarSeries4->SetGroupID(1);
    
35.        
    
36.         //向四个数据系列添加数据;
    
37.         srand((unsigned)time(NULL));
    
38.         COleDateTime now = COleDateTime::GetCurrentTime();
    
39.         CString sYear;
    
40.         for(int i=5;i>0;i--)
    
41.         {
    
42.                 sYear.Format(_T("%d"), now.GetYear() - i);
    
43.                 pBarSeries1->AddDataPoint(sYear, rand()%20+1);
    
44.         }
    
45. 
    
46.         pBarSeries2->AddDataPoint(10);
    
47.         pBarSeries2->AddDataPoint(12);
    
48.         pBarSeries2->AddDataPoint(15);
    
49.         pBarSeries2->AddDataPoint(17);
    
50.         pBarSeries2->AddDataPoint(12);
    
51. 
    
52.         pBarSeries3->AddDataPoint(5);
    
53.         pBarSeries3->AddDataPoint(7);
    
54.         pBarSeries3->AddDataPoint(11);
    
55.         pBarSeries3->AddDataPoint(14);
    
56.         pBarSeries3->AddDataPoint(19);
    
57. 
    
58.         pBarSeries4->AddDataPoint(2);
    
59.         pBarSeries4->AddDataPoint(3);
    
60.         pBarSeries4->AddDataPoint(5);
    
61.         pBarSeries4->AddDataPoint(3);
    
62.         pBarSeries4->AddDataPoint(2);
    
63. 
    
64.         //添加添加到布局管理器统一管理布局;
    
65.         if (GetLayout() == NULL)
    
66.                 return bRst;
    
67.         CBCGPStaticLayout* pLayout = (CBCGPStaticLayout*)GetLayout();
    
68.         if (pLayout == NULL)
    
69.                 return bRst;
    
70.         pLayout->AddAnchor(m_wndChart.GetDlgCtrlID(), CBCGPStaticLayout::e_MoveTypeNone, CBCGPStaticLayout::e_SizeTypeBoth);
    
71.         //
    
72.         return bRst;
    
73. }
    

复制代码

在创建图表时，关键代码是设置图表种类与样式，
BCGPChartCategory category = BCGPChartColumn3D;//图表种类,F12查看全部;
BCGPChartType type = BCGP_CT_100STACKED;//BCGP_CT_SIMPLE;//BCGP_CT_STACKED;//图表类型,按F12查看全部;
pChart->SetChartType(category, type);//设置图表类别;
如果还想实现并列显示，可以type设置为叠加样式BCGP_CT_STACKED，BCGP_CT_100STACKED，再对数据系列分组。
pBarSeries1->SetGroupID(0);
pBarSeries2->SetGroupID(0);
pBarSeries3->SetGroupID(1);
pBarSeries4->SetGroupID(1);
例程有用到布局管理，所以在视窗类构造函数中调用函数EnableLayout()开启。
这样图表就创建好了。

然后是对图表操作控件m_wndRotate点击函数响应，关联函数OnRotate。

1. void CMy123View::OnRotate()
   
2. {
   
3.         RotateChart(m_wndRotate.GetRotationObject()->GetClicked());
   
4. }

复制代码

这样通过m_wndRotate控件就可以操作图表了。

最后是实现鼠标交互操作，关联鼠标点击与平移函数。
通过上两函数来实现图表交互操作。
        afx_msg LRESULT OnMouseTrack(WPARAM wp, LPARAM lp);
        afx_msg LRESULT OnMouseDown(WPARAM wp, LPARAM lp);

    ON_REGISTERED_MESSAGE(BCGM_ON_CHART_MOUSE_TRACK, OnMouseTrack)
        ON_REGISTERED_MESSAGE(BCGM_ON_CHART_MOUSE_DOWN, OnMouseDown)

1. CPoint ptOrigin;
   
2. LRESULT CMy123View::OnMouseDown(WPARAM /*wp*/, LPARAM lp)
   
3. {
   
4.         BCGPChartHitInfo* pHitInfo = (BCGPChartHitInfo*)lp;
   
5.         if(pHitInfo->m_nMouseButton ==0)
   
6.                 ptOrigin = pHitInfo->m_ptHit;
   
7.         return false;
   
8. }
   
9. 
   
10. LRESULT CMy123View::OnMouseTrack(WPARAM /*wp*/, LPARAM lp)
    
11. {
    
12.         CBCGPChartVisualObject* pChart = m_wndChart.GetChart();
    
13.         if(pChart == NULL)
    
14.                 return false;
    
15.         BCGPChartHitInfo* pHitInfo = (BCGPChartHitInfo*)lp;
    
16.         if(pHitInfo->m_ptHit == CBCGPPoint(-1, -1))
    
17.                 return false;
    
18.         if(0x8000 & GetKeyState(VK_RBUTTON ) )
    
19.         {
    
20.                 CString sText;
    
21.                 CBCGPPoint pt = pHitInfo->m_ptHit;
    
22.                 double p = sqrt( pow(pt.x-ptOrigin.x,2)+pow(pt.y-ptOrigin.y,2) );
    
23.                 if(p<10)
    
24.                         return false;
    
25.                 double dbAng = asin( (pt.y-ptOrigin.y) /p)*(180.0 / 3.1415926);
    
26.                
    
27.                 //dbAng转换为对应逆时针一圈角度(0-360);
    
28.                 if( pt.x>ptOrigin.x)
    
29.                 {
    
30.                         if(dbAng<0)
    
31.                                 dbAng = abs(dbAng);
    
32.                         else
    
33.                                 dbAng= abs(360-dbAng);
    
34.                 }
    
35.                 else
    
36.                 {
    
37.                         if(dbAng<0)
    
38.                                 dbAng = 180+dbAng;
    
39.                         else
    
40.                                 dbAng = 180+dbAng;
    
41.                 }
    
42.                 sText.Format(_T("%.03lf"),dbAng);
    
43.                 SetDlgItemText(IDC_EDIT1,sText);
    
44.                 //
    
45.                 int nDir=0,nDel=360/16;
    
46.                 if(0<=dbAng && dbAng<nDel)
    
47.                         nDir = CBCGPRotationObject::BCGP_ROTATION_LEFT;
    
48.                 else if(nDel<=dbAng && dbAng<3*nDel)
    
49.                         nDir = CBCGPRotationObject::BCGP_ROTATION_NONE;//BCGP_ROTATION_NARROW_FIELD_OF_VIEW;
    
50.                 else if(3*nDel<=dbAng && dbAng<5*nDel)
    
51.                         nDir = CBCGPRotationObject::BCGP_ROTATION_DOWN;
    
52.                 else if(5*nDel<=dbAng && dbAng<7*nDel)
    
53.                         nDir = CBCGPRotationObject::BCGP_ROTATION_NONE;//BCGP_ROTATION_CLOCKWISE;
    
54.                 else if(7*nDel<=dbAng && dbAng<9*nDel)
    
55.                         nDir = CBCGPRotationObject::BCGP_ROTATION_RIGHT;
    
56.                 else if(9*nDel<=dbAng && dbAng<11*nDel)
    
57.                         nDir = CBCGPRotationObject::BCGP_ROTATION_NONE;//BCGP_ROTATION_WIDEN_FIELD_OF_VIEW;
    
58.                 else if(11*nDel<=dbAng && dbAng<13*nDel)
    
59.                         nDir = CBCGPRotationObject::BCGP_ROTATION_UP;
    
60.                 else if(13*nDel<=dbAng && dbAng<15*nDel)
    
61.                         nDir = CBCGPRotationObject::BCGP_ROTATION_NONE;//BCGP_ROTATION_COUNTER_CLOCKWISE;
    
62.                 else if(15*nDel<=dbAng && dbAng<360)
    
63.                         nDir = CBCGPRotationObject::BCGP_ROTATION_LEFT;
    
64.                 RotateChart((CBCGPRotationObject::RotationElement)nDir,10.0,10.0);
    
65.         }
    
66.         if(0x8000 & GetKeyState(VK_LSHIFT ))
    
67.                 pChart->SetZoomScrollConfig(BCGPChartMouseConfig::ZSO_WHEEL_PAN);
    
68.         else
    
69.                 pChart->SetZoomScrollConfig(BCGPChartMouseConfig::ZSO_NONE);
    
70.         ptOrigin = pHitInfo->m_ptHit;
    
71.         return false;
    
72. }
    

复制代码

例程用到的MFC扩展库可以在网站搜索下载，内带有使用教程。
例程源代码下载地址：

请点击此处下载

请先注册会员后在进行下载

已注册会员，请先登录后下载

文件名称:19.MFC扩展编程实例3D并列叠加柱形图创建与交互操作.rar 
文件大小:83.48 KB  售价:2金币
下载权限: 不限 以上或 VIP会员   [购买捐助会员]   [充值积分]  

  

如果您认可，可联系功能定制！

  

如果您着急，充值会员可直接联系发您资料！