Click here to Skip to main content
15,884,388 members
Articles / Desktop Programming / MFC
Article

NSChart Control

Rate me:
Please Sign up or sign in to vote.
4.82/5 (31 votes)
7 Aug 20042 min read 141.3K   5.1K   84   26
This control creates a chart in a dialog with Pie and Bar styles.

Sample Image - nschart.gif

Sample Image - nschart.gif

Introduction

The CNSChartCtrl control class is derived from CWnd. The purpose is to create pie and bar charts in a dialog (also in a view) with editable fill colors and values, in runtime. Originally, the source code and project was written and compiled with Visual C++ 6.0 SP5 under Windows 98; it also was run in later versions.

It is an alternative to many tools available that perform similar tasks.

How to use

  1. To create a new NSChart control, use the MS Visual C++ dialog editor, insert a custom control on the dialog, and set "MFC_NSChartCtrl" as the Class name. The caption field is used to set the title of the chart.
  2. Create an instance of CNSChartCtrl in the dialog class:
    #include "NSChartCtrl.h"
    ...
    CNSChartCtrl m_chart
  3. Subclass the class member with the control in InitDialog():
    m_chart.SubclassDlgItem(IDC_CUSTOM1,this);
  4. Initialize the control colors, and add the elements in the InitDialog() function or any,
    m_chart.PrepareColors(CNSChartCtrl::GrayScale); //Colors
    m_chart.AddValue(10,"One");
    m_chart.AddValue(20,"Two");
    m_chart.AddValue(90,"Three");
    m_chart.AddValue(30,"Four");
    m_chart.AddValue(40,"Five");
    m_chart.AddValue(20,"Six")
  5. Run!

Customizing colors and patterns

The NSChart control uses an array of patterns to fill the sectors and bars. To add a new pattern or color, use the AddSolidBrush(COLORREF) or AddBrush(COLORREF).

m_chart.ResetColors();
m_chart.AddSolidBrush(0x000000FF);
m_chart.AddSolidBrush(RGB(255,0,255));
m_chart.AddBrush(m_pBrush); // pre created brush

Using the Notify Code for Selection Items

The NSChartCtrl notifies you when you have clicked in one sector or bar (according to the case) with information about the selected value. The notify code is NSCS_SELECTEDITEM. For use, it needs to add the necessary code.

Declare the function that will be called from ON_NOTIFY in the AFX_MSG block.

class CYourDialog : public CDialog
{
   ...
      //{{AFX_MSG(CYourDialog)
      ...
      afx_msg void OnChartSelectedItem(NMHDR* pNMHDR, LRESULT* pResult);
      ...
      //}}AFX_MSG
   ...
};
void CYourDialog::OnChartSelectedItem(NMHDR* pNMHDR, LRESULT* pResult)
{
   LPNMCHARTCTRL nmchart = (LPNMCHARTCTRL)pNMHDR;
   if(nmchart->iItem >= 0 )
   {
      //... have selected item
   }
   *pResult = FALSE;
}

Declare the notify message in MESSAGE_MAP block:

BEGIN_MESSAGE_MAP(CYourDialog, CDialog )
   //{{AFX_MSG_MAP(CYourDialog)
   ...
   ON_NOTIFY(NSCS_SELECTEDITEM, IDC_CUSTOM_CTRL, OnChartSelectedItem)
   ...
END_MESSAGE_MAP()

If the control is created in a CView, change IDC_CUSTOM_CTRL with 0.

History

  • 25 Jun 2004 - 1.0.1
    • Initial release!
  • 02 Aug 2004 - 1.1.0
    • Fixed some drawing problems.
    • Added methods to modify and delete items.
    • Added Notify Messages with HitTest method.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


Written By
Web Developer
Peru Peru
Ivan Cachicatari is an student of Computer Sciense in Peru.

I'm webmaster of the latin developers comunity (in my free time)
Latindevelopers.com

Recently I have a personal blog (spanish), sonn in english. click on: Ivan Cachicatari's Blog

Comments and Discussions

 
GeneralMy vote of 5 Pin
Oscar Huanca4-Oct-12 5:27
Oscar Huanca4-Oct-12 5:27 
Generalcompile errors Pin
Eric-staal27-Feb-07 2:42
Eric-staal27-Feb-07 2:42 
QuestionHow to save the chart to an image file? Pin
Luo Pei'en24-Aug-06 19:57
Luo Pei'en24-Aug-06 19:57 
Generalwow Pin
peysy23-Aug-06 6:41
peysy23-Aug-06 6:41 
QuestionHOw can i add scrolling functionality? Pin
Amit j Patil18-Jul-06 1:57
Amit j Patil18-Jul-06 1:57 
GeneralGood but still a bug found Pin
xwq197520-Mar-06 21:06
xwq197520-Mar-06 21:06 
Generallicence Pin
Marius Ciorecan31-Oct-05 2:21
Marius Ciorecan31-Oct-05 2:21 
GeneralScrolling support added Pin
swdukk5-Sep-05 5:25
swdukk5-Sep-05 5:25 
GeneralRe: Scrolling support added Pin
myhawk22-Sep-07 5:01
myhawk22-Sep-07 5:01 
Generalanother chart Pin
Anonymous29-Aug-05 7:39
Anonymous29-Aug-05 7:39 
Generalnice control Pin
yccheok2-Aug-05 21:06
yccheok2-Aug-05 21:06 
GeneralSaving the graph Pin
Anonymous7-Jun-05 11:12
Anonymous7-Jun-05 11:12 
GeneralResize fix Pin
Patrik Strömstedt28-Mar-05 21:34
sussPatrik Strömstedt28-Mar-05 21:34 
Generalvery good. Pin
Max Santos25-Mar-05 11:52
Max Santos25-Mar-05 11:52 
GeneralRe: very good. Pin
navi200029-May-05 23:32
navi200029-May-05 23:32 
GeneralNegative Values Pin
mattfaramir3312-Mar-05 4:22
mattfaramir3312-Mar-05 4:22 
GeneralCScrollView Pin
FayezElFar1-Mar-05 4:59
FayezElFar1-Mar-05 4:59 
GeneralRe: CScrollView Pin
FayezElFar1-Mar-05 5:15
FayezElFar1-Mar-05 5:15 
Generalbug on this Ns chart !! Pin
chunghansu2-Nov-04 21:32
chunghansu2-Nov-04 21:32 
QuestionHow do I create Bar Chart using MFC...? Pin
pubududilena1-Nov-04 17:04
pubududilena1-Nov-04 17:04 
GeneralSmall modifications Pin
navi20001-Oct-04 1:48
navi20001-Oct-04 1:48 
GeneralRe: Small modifications Pin
markusha27-May-05 21:00
markusha27-May-05 21:00 
GeneralBad scale on vertical axis ! Pin
Kochise25-Jul-04 21:57
Kochise25-Jul-04 21:57 
GeneralRe: Bad scale on vertical axis ! Pin
Ivan Cachicatari26-Jul-04 3:51
Ivan Cachicatari26-Jul-04 3:51 
GeneralRe: Bad scale on vertical axis ! Pin
dropperkk1-Apr-06 14:56
dropperkk1-Apr-06 14:56 

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

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