2D / 3D Horizontal Bar Graph - Tutorials

Step 1 - Construct the Data Script
The dynamic script can be constructed in any language of your choice. Most Web Servers these days come set up with a dynamic scripting language which is configured to access your database system. For convenience we recommend using the language already configured on your web server.

(if you haven't used or are unsure about what's already available on your web server then you should in the first instance speak to your Web Server Administrator or ISP Hosting company ).

The following are the most common Scripting languages and cover over 90% of web servers in use today:-

• PHP
• ASP
• JSP
• Java Servlet

In the "./TemplateScripts" directory you will find template scripts which are designed to provide a base from which to tailor a script for your implementation. You are free to copy, modify and utilize these scripts in any manor you wish.

Simply pick, from the links below, the template script for your environment, modify where indicated and upload to your web server.

PHP template script - ./TemplateScripts/PHP/BarData.php

ASP template script - ./TemplateScripts/ASP/BarData.asp

JSP template script - ./TemplateScripts/JSP/BarData.jsp

Java Servlet - ./TemplateScripts/Servlet/BarData.java

When modifying the applet configuration parameters within these scripts please also refer to the following section in the Documentation,

Documentation - Bar Graph Configuration Options

Step 2 - Construct the HTML Page

In your web page place the following code, where you wish the graph to appear,

<applet code="HbarchartApplet.class" archive="Hbargraph.jar" width="500" height="420"> </applet>

Adjusting the "width" and "height" element of this applet tag to specify the size (in pixels) of the desired graph display.

Using this option the applet will read all the configuration information from the standard applet <PARAM> tags. Simply add the <PARAM> tags, contained in the paramtags.txt file (click here), to your html between the <APPLET> and </APPLET> tag, adjusting the values to specify the characteristics of the bar graph.

For a full description of each property please see the following section in the Documentation, "Configuration Options and Parameters".

Step 3- Upload the Script, HTML Page and jar file to your web server.
The final step is to upload the HTML Page and Data Script to your web server and place the Hbargraph.jar file in the same directory as your web page.