找回密码
 本站已关闭注册功能,有需求联系qq/微信263946146

QQ登录

只需一步，快速开始

首页 › 工控编程 › 上位机 › MFC扩展编程实例3D并列叠加柱形图创建与交互操作
返回列表 发新帖

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

[ 复制链接 ]
qq263946146 2020-1-14 13:19:38 显示全部楼层 阅读模式 打印 上一主题 下一主题
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.         }

  46.         pBarSeries2->AddDataPoint(10);
  47.         pBarSeries2->AddDataPoint(12);
  48.         pBarSeries2->AddDataPoint(15);
  49.         pBarSeries2->AddDataPoint(17);
  50.         pBarSeries2->AddDataPoint(12);

  52.         pBarSeries3->AddDataPoint(5);
  53.         pBarSeries3->AddDataPoint(7);
  54.         pBarSeries3->AddDataPoint(11);
  55.         pBarSeries3->AddDataPoint(14);
  56.         pBarSeries3->AddDataPoint(19);

  58.         pBarSeries4->AddDataPoint(2);
  59.         pBarSeries4->AddDataPoint(3);
  60.         pBarSeries4->AddDataPoint(5);
  61.         pBarSeries4->AddDataPoint(3);
  62.         pBarSeries4->AddDataPoint(2);

  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. }

  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会员   [购买捐助会员]   [充值积分]   有问题联系我


  

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

  

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

  

QQ联系我

微信扫扫联系我

  


相关帖子
回复

使用道具 举报

qq263946146
快速回复 返回列表 客服中心 搜索