Click here to Skip to main content
Click here to Skip to main content
Go to top

Real Time 2D Graph for CE

, 13 Nov 2001
Rate this:
Please Sign up or sign in to vote.
A 2D graph for CE. To run this application, you must have installed eMbedded Visual C++ 3.0.

Sample Image - Graph.jpg

Introduction

This article is for developing 2D Real Time Graphs. I was searching the net to develop the graph as shown above. I found that the picture control had been used to draw the graph in Microsoft Visual Studio. To develop this application, I needed to use the Microsoft eMbedded Visual C++ 3.0.

Historically, I've shown "live" Instrument readings through the constant updating of a numerical value by using constant value array. The Graph shows the real time data from the instrument

This MECGraphCtrl is based on the bitmap repainting concept used in Mark C. Malburg. It provides significant enhancements through the display of scaling information and plotting of double precision values. The user implementation is described below.

In the control's owner (for example, dialog) insert a dummy picture control. Size the Custom Control border to be the desired size of the GraphCtrl. Name the control something that sounds technical, like "IDC_GRAPH_CUSTOM". In the property of the custom control, For class, write “GRAPH_CUSTOM”. This is the string for the class that should be registered in the Constructor of the Dialog class.

1. Insert the control in the owner class.

Add a member variable of type MECGraphCtrl.

class MECPerformerDlg : public CDialog
{
  // Construction
  ...
protected:
  static BOOL RegisterWndClass(HINSTANCE hInstance);
  MECGraphCtrl m_oGraphCtrl;  
}

2. Register the custom control.

BOOL MECPerformerDlg::OnInitDialog()
{
	WNDCLASS wc;
	wc.lpszClassName = _T("GRAPH_CUSTOM"); // matches class name 
	wc.hInstance = hInstance;
	wc.lpfnWndProc = ::DefWindowProc;
	//wc.hCursor = LoadCursor(NULL, IDC_ARROW);
	wc.hIcon = 0;
	wc.lpszMenuName = NULL;
	wc.hbrBackground = (HBRUSH) ::GetStockObject(LTGRAY_BRUSH);
	wc.style = CS_GLOBALCLASS; // To be modified
	wc.cbClsExtra = 0;
	wc.cbWndExtra = 0;
}

3. Create the control.

BOOL MECPerformerDlg::OnInitDialog()
{
	...
	CRect rect;
	GetDlgItem(IDC_GRAPH_CUSTOM)->GetWindowRect(rect) ;
	ScreenToClient(rect) ;
	GetDlgItem(IDC_GRAPH_CUSTOM)->ShowWindow(SW_HIDE);

	// create the control
	m_oGraphCtrl.Create(WS_VISIBLE | WS_CHILD, rect, this) ; 
	...
}

4. Personalize the Control

Set the vertical range, background color, grid color and plot color. 

BOOL MECPerformerDlg::OnInitDialog()
{
  ...
  // determine the rectangle for the control
  CRect rect;
  GetDlgItem(IDC_GRAPH_CUSTOM)->GetWindowRect(rect) ;
  ScreenToClient(rect) ;
  GetDlgItem(IDC_GRAPH_CUSTOM)->ShowWindow(SW_HIDE);

  // create the control
  m_oGraphCtrl.Create(WS_VISIBLE | WS_CHILD, rect, this) ; 
  m_oGraphCtrl.SetXRange(0,10,2);
  m_oGraphCtrl.SetRange(0, 10, 2) ;

  m_oGraphCtrl.SetYUnits("Volume in ml") ;
  m_oGraphCtrl.SetXUnits("Time in seconds") ;
  m_oGraphCtrl.SetBackgroundColor(RGB(0, 0, 64)) ;
  m_oGraphCtrl.SetGridColor(RGB(192, 192, 255)) ;
  m_oGraphCtrl.SetPlotColor(RGB(0, 255, 0)) ;
  ...
}

5. Use the control.

Call the m_oGraphCtrl.AppendPoint(nRandomX, nRandomY); function with the the data value to be appended to the plot.

Values can be modified to achieve different styles of displays.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

B.Manivannan
Web Developer
India India
I am basically from Salem, Tamilnadu, India. I have been working in Microsoft Visual C++ since October 1998. I have experienced in VC++ 6.0, eVC++ 3.0, SOCKETS, COM/DCOM. And having knowledge in MTS, COM+.

Comments and Discussions

 
GeneralCommercial uses Pinmemberholapepe15-Feb-10 4:07 
Questionproblem in porting wince to smdk 2410 board. Pinmemberamiya das30-Mar-08 21:36 
QuestionPort to CE 5 [modified] Pinmembertiepvv8-Apr-07 21:55 
QuestionAny MFC codes for this project? Pinmemberluckyfox16-Jun-06 21:46 
GeneralError PinmemberRequiem Sollar22-Jul-05 12:28 
QuestionHow can make exe for PcketPc Pinmembermohsen_e_k9-May-05 1:47 
AnswerRe: How can make exe for PcketPc Pinmembersudabeh15-Nov-05 1:16 
Generalcan't linking program to exe file PinsussJonathan Lau13-Apr-05 23:21 
GeneralRe: can't linking program to exe file Pinmemberprocket11-Oct-05 18:44 
GeneralRe: can't linking program to exe file Pinmembersachin00221-Jun-06 18:32 
GeneralCompile error Pinsusswhoopi22-Feb-05 7:15 
GeneralRegisterWndClass Pinmemberwheregone11-Dec-04 0:41 
GeneralError Executing Link.Exe PinmemberLili2310-May-04 1:27 
GeneralRe: Error Executing Link.Exe Pinmemberccarr9-Nov-04 14:43 
GeneralRe: Error Executing Link.Exe Pinmemberxtxd200224-Jul-05 21:53 
GeneralYou got my vote........ PinmemberDarren_vms10-Feb-04 3:54 
Questioncan u help me? Pinsusspjp_eee19-Jan-04 0:01 
AnswerRe: can u help me? PinmemberDarren_vms12-Feb-04 2:35 
GeneralClistViewCtrl with different colors for rows for wince PinmemberBilal Ahmad30-Nov-03 21:09 
QuestionIs it working at all? PinmemberAnonymous11-Feb-02 1:17 
AnswerRe: Is it working at all? PinmemberStober17-Sep-03 4:46 
GeneralGraph Control PinmemberPawel Achtel13-Jan-02 15:20 
GeneralRe: Graph Control Pinmembergarkhov_major11-Mar-05 4:30 
GeneralNot run PinmemberGianfranco Zuccaro19-Dec-01 23:01 
QuestionHow about no MFC example PinmemberPaul Gibson19-Nov-01 12:36 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web03 | 2.8.140916.1 | Last Updated 14 Nov 2001
Article Copyright 2001 by B.Manivannan
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid