VB.NET Graphs, WinForm example Visual Studio

Used when creating stand-alone client-side EXEs to be distributed and ran on an end-users machine. This VB.NET Graphing Walk-through includes instructions for Visual Studio.Net developers.

Prerequisites:

It is recommended that the namespace: Gigasoft.ProEssentials.Enums be included at the top of your source code files utilizing ProEssentials. In VB.NET, use the Imports keyword. For example:

Imports Gigasoft.ProEssentials.Enums

The WinForm interfaces support adapting to changes in the parent form's font and background color. They are designed so that the grid number text size matches that of the other standard controls such as TextBox, Radio Button, and Labels. As long as you don't explicitly change the font and background color, you will be able to change the form's font size and backcolor and all controls on the form will adapt to match. Note that the default form text size of 8 points is fairly small. You may want to increase it to 9 or 10 points depending on your needs. This feature results in a very clean and professional looking user interface where the graphing control appears to be a true sibling of the other standard controls.

Our .NET interfaces currently have limited design time functionality. You will have to write a little code (simple, see below) to develop your graphing solutions. In the end, you'll prefer our .NET (property, method, event) interface. 99% of your code will set simple properties.

Walk-Through:

The following information demonstrates how to create your first .NET ProEssentials implementation using the Visual Basic language. It discusses using the WinForm .NET interfaces to add interactive graphing content to your EXEs. Other examples are provided within the product/evaluation. Also refer to the "ReadMe.htm", "AspReadMe.htm", and "AspReadMe.htm" files installed onto your system with the eval/product (accessible via Start menu).

1) Start Visual Studio.NET and create a new project targeting a [Windows Application] using Visual Basic as your language. Accept the default name of [WindowsApplication1].

2) When the new project opens, you will be presented the design view of "Form1.vb".

Form1.vb [Design]...

Adding ProEssentials to a Form...

4) Double click the [Pego] tool within the toolbox. This places an instance of the Pego component within "Form1.vb". Left click bottom-right corner of control and drag down-right to fill up client area of Form1. The adjacent image shows what you see. This represents the default state of a ProEssentials Graph. The default state has one subset with four data points. In the course of constructing your own graphs, you'll set the properties PeData.Subsets and PeData.Points which define the quantity of data your graph will hold. You'll then pass data via the PeData.Y(subset, point) two dimensional property array. The following section shows example code of passing data. ProEssentials uses the terms Subsets and Points but you can think of these as Rows and Columns. Passing data is as simple as filling each Subset with Points worth of data.

Adjusting design time settings...

5) ProEssentials currently has limited point-and-click programmability so you'll have to write a tiny bit a code. Note, when setting color and font size attributes, we recommend setting the parent Form's versions as these properties as ProEssentials will use the parent form's settings to help facilitate a uniform look among sibling controls. If new to Visual Basic, the (Name) property is probably the most fundamental property as its name is reflected in all code. For example,   Pego1.PeData.Subsets = 1 is a line of code, and it shows how the (Name) property (Pego1) starts the line.

6) Double click Form1's Title/Caption Bar to open the code view for "Form1.vb" with default Form1_Load event initialized.

The cursor will be within the Form1_Load code section, enter the following code into this section.

You can copy and paste if you must, but hand-typing at least some of this code will really help familiarize yourself with the Gigasoft.ProEssentials namespace.  

Note: adding the following Imports declaration at the top of "Form1.vb" will shorten enumeration syntax.
Imports Gigasoft.ProEssentials.Enums

7) The code above enabled the DataHotSpot event, so we should place some appropriate code in the DataHotSpot event.

Within the two drop-down combo boxes at top of code view window, select [Pego1] within the left combo box. Select [PeDataHotSpot] within the right combo box.  The cursor should be within the Pego1_PeDataHotSpot event. See the red annotations in the bitmap below.

Add the following code to the Pego1_PeDataHotSpot event.

So, the "Form1.vb" code window should contain...

8) Save and run the project. Your project will show an image as follows. Move the mouse over a bar and click to trigger the DataHotSpot event.

This completes this walkthrough.

Please read the remaining sections within Chapter 2 and review the demo code and documentation that's installed with the eval/product.

Once installed, the demo program can be accessed via shortcut...

Start / All Programs / ProEssentials v6 / PeDemo

Note that the demo is replicated in native VB.NET, C#.NET, VB6, and VC6 projects all accessible from the start menu. These are great for modifying an existing demo to test potential modifications before implementing within your applications.