Article Options
Premium Sponsor
Premium Sponsor

 »  Home  »  .NET Newbie  »  Chart Success: GDI+ Graphics At Work. Part 2
Chart Success: GDI+ Graphics At Work. Part 2
by Ged Mead | Published  03/16/2005 | .NET Newbie | Rating:
Ged Mead

Ged Mead (XTab) has been around computers since the 1980's when the first affordable home computers came on the market. His journey from that very first Dragon 32 to the present has taken him through many different facets of the IT Industry. These include formal training as a Systems Analyst, employment in a mainframe software development environment, and a short time spent demonstrating rugged military IT systems in the days when it took two strong men to carry a 'mobile' system.

His most rewarding challenge was the creation of a financial management system for a large organisation.

Now based in an idyllic lochside location in the West of Scotland, he is currently involved in a range of development projects, whenever he can drag his gaze away from the stunning surrounding views, that is!

Ged is a Microsoft MVP, Senior Editor for DevCity.NET, vbCity Developer Community Leader and Admin, Helper of the Month competition winner and DevCity.NET newsletter Editor.

 

View all articles by Ged Mead...
Picture This

 In Part 1   we created a Pie Chart by drawing directly on to the surface of the form using the form’s Graphics object.   In this article, we are going to create a Bar Chart, again based on some notional sample data - sales figures from six European countries.     However, this time we will draw the Bar Chart inside a PictureBox control.  

 In general, there is little difference between the two approaches – drawing on the form itself or drawing inside the picturebox.

 In this project, we will draw the chart once the user has clicked a Button.  As in Part 1, the display will be redrawn whenever it has been obscured or changed (this is known as "persisting" the drawing).

     In the Pie Chart example we used the form’s OnPaint method to recreate the chart every time a redraw was required.   This approach is absolutely fine  in most situations .  However, in order to add to our range of graphics skills, we are going to tackle the job from another angle, this time using a Bitmap object.  

   If you are completely new to graphics, you may well find some of the topics confusing.  Sometimes there seems to be so many graphics objects, bitmaps, images, drawing surfaces being manipulated one after the other that you completely lose track of what each of them is supposed to be doing.  But with the help of these articles it should all fall into place for you in the end.

   I will explain step by step the graphics procedures which are used to draw the chart.   By breaking much of the code down into quite small steps, I hope to make the various methods easier to follow.   I have also included a fully commented demonstration version in the Visual Studio Solution which is attached to this article.

 

 

 

Comments    Submit Comment

Comment #1  (Posted by an unknown user on 03/14/2005)
Rating
Part one is very good.

Where is part two?
 
Comment #2  (Posted by Ged Mead on 03/16/2005)
Rating
Slight technical hitch there :-}
Part 2 now published. Hope you find it useful.
 
Comment #3  (Posted by an unknown user on 04/18/2005)
Rating
Great Article!
 
Comment #4  (Posted by an unknown user on 05/01/2005)
Rating
Keep up the great work.. I'm at Virginia Tech (Go Hokies).. doing my montrous VB.net final project and this has helped me a bit. Thank you so much. You might wanna add a small blurb for newbies to know how to change the scale. Other than that...A++

 
Comment #5  (Posted by Ged Mead on 05/01/2005)
Rating
Thanks - Scaling will be included in the upcoming Part 4 of the series (Back to the Bar). Also 3D bars and multiple colors.
 
Comment #6  (Posted by an unknown user on 06/15/2005)
Rating
This walk-through is absolutely perfect. I've been looking to draw a simple chart on my project for weeks now, and this was the ONLY comprehensive explaination I've found! Thank You!!!
 
Comment #7  (Posted by an unknown user on 06/15/2005)
Rating
This walk-through is absolutely perfect. I've been looking to draw a simple chart on my project for weeks now, and this was the ONLY comprehensive explaination I've found! Thank You!!!
 
Comment #8  (Posted by an unknown user on 07/26/2005)
Rating
Ged, I can't thank you enough for taking the time to make something like this available to the on-line community. I am in the process of teaching my self vb.net and your tutorial has taught me far more then I ever expected to learn. Once again many thanks!
 
Comment #9  (Posted by an unknown user on 12/08/2005)
Rating
Clearly explained.
 
Comment #10  (Posted by an unknown user on 01/18/2006)
Rating
This is really very nice article explained in a detailed way..

Thanks for providing such a great article.
 
Comment #11  (Posted by an unknown user on 01/30/2006)
Rating
excellent learning tutorial on working with graphics. Explanations for each steps great.
 
Comment #12  (Posted by an unknown user on 02/07/2006)
Rating
Superb article !! helped me a lot in my project
 
Comment #13  (Posted by Samer on 07/01/2006)
Rating
Thanks for ALL the articles. They helped me alot. Can you please write an article about drawing objects (Lines, Rectangles, Circles, ...etc) and then using the mouse to select the object and change their attributes (color, size, position, delete...etc)
 
Comment #14  (Posted by Ankur Adarsh on 07/31/2006)
Rating
this is good but i do not understand how to use picture box in web programming, because i can not see picture box control in web form.
 
Comment #15  (Posted by an unknown user on 10/19/2006)
Rating
Very good article. Prakash Bajaj
 
Comment #16  (Posted by Roy Oliver on 12/04/2006)
Rating
Thanks for the lessons Ged. Knowing how to manipulate graphics was the only thing missing from my skill set.
 
Comment #17  (Posted by an unknown user on 01/20/2007)
Rating
hey dude i love this and i'm going to pass my visual basic test with flying colours..love you keep going dude
 
Comment #18  (Posted by an unknown user on 08/24/2007)
Rating
very simple
 
Comment #19  (Posted by an unknown user on 01/03/2008)
Rating
thank you so much. i need it very much.
 
Comment #20  (Posted by shohreh on 01/03/2008)
Rating
it was excellent.
 
Sponsored Links