About Using our Dynamic Bar Chart Applet

General Usage Information

The bar chart applet can be used in any server environment, including Windows, Unix and Mac operating systems. The data can be supplied to the applet by static HTML pages, or by a dynamic web application using any of the following:

- PHP
- ASP
- Java Servlets
- JSP
- ColdFusion
- Lotus Domino
- ... and many more

The applet is most powerful when used in conjunction with a database, such as:

- Microsoft SQL Server
- Microsoft Access
- Oracle
- MySQL
- PostgreSQL

Installation

To start using the bar chart applet on your web site, simply follow these 2 steps:

1. Extract the applet class file, "barchart.class", to the same directory as the web pages you want to display bar charts on.
2. Modify your web pages to include the correct tags for displaying the bar charts, as explained below.

The bar chart applet requires a simple set of HTML tags to pass in data and set some options:

<APPLET CODE="barchart.class" HEIGHT=280 WIDTH=450>
(You can alter the height and width to whatever you want)

<PARAM NAME=NumberOfVals VALUE=4>
(This parameter sets the number of bars per column)

<PARAM NAME=NumberOfCols VALUE=5>
(Sets the number of columns)

<PARAM NAME=border VALUE=50>
(Space all round the chart)

<PARAM NAME=yborder VALUE=18>
(Extra border on the Y-Axis to allow room for the labels)

<PARAM NAME=colmargin VALUE=6>
(Space between the columns)

<PARAM NAME=keywidth VALUE=90>
(Width of "Key" box. Minimum is 90.)

<PARAM NAME=ymax VALUE=50>
<PARAM NAME=ymin VALUE=0>
(Upper/Lower range of the Y-Axis)

<PARAM NAME=title VALUE="Sales">
(Set the title of the chart)

<PARAM NAME=KEY_1 VALUE="Smith">
<PARAM NAME=KEY_2 VALUE="Jones">
<PARAM NAME=KEY_3 VALUE="Blackthorn">
<PARAM NAME=KEY_4 VALUE="Rogers">
(Values displayed as keys)

<PARAM NAME=LineColor_R_1 VALUE=200>
<PARAM NAME=LineColor_G_1 VALUE=0>
<PARAM NAME=LineColor_B_1 VALUE=0>
<PARAM NAME=LineColor_R_2 VALUE=0>
<PARAM NAME=LineColor_G_2 VALUE=200>
<PARAM NAME=LineColor_B_2 VALUE=0>
<PARAM NAME=LineColor_R_3 VALUE=0>
<PARAM NAME=LineColor_G_3 VALUE=0>
<PARAM NAME=LineColor_B_3 VALUE=200>
<PARAM NAME=LineColor_R_4 VALUE=100>
<PARAM NAME=LineColor_G_4 VALUE=0>
<PARAM NAME=LineColor_B_4 VALUE=100>
(Set a Red, Green and Blue value between 0 and 255 for each bar)

<PARAM NAME=Grid VALUE="true">
(Display the grid? - true or false)

<PARAM NAME=VAL_1_1 VALUE=4>
<PARAM NAME=VAL_1_2 VALUE=3>
<PARAM NAME=VAL_1_3 VALUE=2>
<PARAM NAME=VAL_1_4 VALUE=2>
<PARAM NAME=VAL_2_1 VALUE=25>
<PARAM NAME=VAL_2_2 VALUE=32>
<PARAM NAME=VAL_2_3 VALUE=35>
<PARAM NAME=VAL_2_4 VALUE=2>
<PARAM NAME=VAL_3_1 VALUE=16>
<PARAM NAME=VAL_3_2 VALUE=41>
<PARAM NAME=VAL_3_3 VALUE=15>
<PARAM NAME=VAL_3_4 VALUE=8>
<PARAM NAME=VAL_4_1 VALUE=10>
<PARAM NAME=VAL_4_2 VALUE=2>
<PARAM NAME=VAL_4_3 VALUE=14>
<PARAM NAME=VAL_4_4 VALUE=16>
<PARAM NAME=VAL_5_1 VALUE=10>
<PARAM NAME=VAL_5_2 VALUE=19>
<PARAM NAME=VAL_5_3 VALUE=24>
<PARAM NAME=VAL_5_4 VALUE=12>
(Values to display)

<PARAM NAME=LAB1 VALUE="1Q 2001">
<PARAM NAME=LAB2 VALUE="2Q 2001">
<PARAM NAME=LAB3 VALUE="3Q 2001">
<PARAM NAME=LAB4 VALUE="4Q 2001">
<PARAM NAME=LAB5 VALUE="1Q 2002">
(Labels to display)

</APPLET>

Purchasing

You can purchase a version of this applet without the "GraphsCharts.com" credit. More details.

Feedback