Click here to Skip to main content
Click here to Skip to main content

Graphi - The Line Graph Component

, 1 Jun 2004
Rate this:
Please Sign up or sign in to vote.
Displays a line graph for statistics using Enum.

Sample Image


Graphs can be very useful in Windows-based applications for pictorially displaying information and statistics. There are a number of tools that will allow you to create graphs for display within your applications. However, it isn't always feasible to purchase licenses for these tools, especially if the application is relatively simple or is constrained by a low budget. In this article, we'll focus on creating line point graphs using the Microsoft .NET Framework. This will involve using classes in the System.Drawing namespace. The component uses GDI+ that provides considerable support for transforming between different coordinate systems.

My objective is to display a line graph for the statistics on sales history, sales forecast, percentage of utilization for a resource … etc., for the year/quarter/six months based on hashtable values set from the WinForm during runtime. The user can set the X & Y axis scale during the design time. The X axis scale is designed to hold the scale by month wise for the first quarter, second quarter, third quarter, fourth quarter, first six months, last six months & year. The Y axis scale is designed to hold the growth rate based on the ranges from 0-100 [multiples of 10], 0-200 [multiples of 50], 0-200 [multiples of 25]. The below is the code that lists the enumeration constants in the property window for the component.

public enum XAxisScale {
 FirstQuarter = 0,
 SecondQuarter = 1,
 ThirdQuarter = 2,
 Year=6 } 

public XAxisScale xAxisDrawingScale; 
    public XAxisScale XAxisScaleStyle 
      get { return xAxisDrawingScale;}
      set { xAxisDrawingScale=value; } 

You can download the source code from the link provided above. Just drag and drop the component in your form and then set its X [XAxisScaleStyle] and Y [YAxisScaleStyle] axis scale using the enum listed in the property window as a drop down. After setting the scale, set the hash table values as provided below to the xValues property. That’s it. Have fun.

Hashtable hTable = new Hashtable();




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


About the Author

Web Developer
India India
No Biography provided

Comments and Discussions

Generaldoubt Pinmembersuperda7-Mar-07 4:29 
GeneralFree Graph Component PinsussAnonymous2-Jul-04 10:07 
GeneralRe: Free Graph Component PinsussAnonymous2-Jul-04 10:14 
GeneralArticle is simple and good PinmemberManivannan.V2-Jun-04 21:59 
Hi Rajesh,
This article is good, hope this will be an useful one for those who are struggling to start with graph components.

With Regards,
WIPRO Technologies, Bangalore, INDIA.
Generaldownload missing... PinmemberLil`Buh2-Jun-04 9:13 
GeneralURL PinmemberLoneRanger2-Jun-04 9:24 
QuestionSample Image? PinmemberEric Engler2-Jun-04 3:43 
AnswerRe: Sample Image? Pinmemberrajeshvasan2-Jun-04 19:15 

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 | Terms of Use | Mobile
Web01 | 2.8.150327.1 | Last Updated 2 Jun 2004
Article Copyright 2004 by rajeshvasan
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid