Graphs Charts Pie Charts Bar Charts Line Graphs
Graphs
Using the Dynamic Line Graph Applet

Introduction | Installation | Parameters

HTML Tags

The line graph applet requires a simple set of HTML tags to pass in data and set some options. The applet operates in 2 "modes". In "Date" mode, the X axis relates to a date range and the following parameters should be used:

<APPLET CODE="linegraph.class" HEIGHT=180 WIDTH=400>
(You can alter the height and width to whatever you want)

<PARAM NAME=mode VALUE="0">
(Specifies that "Date Mode" is to be used)

<PARAM NAME=title VALUE="Sales">
(Supply a title for the graph)

<PARAM NAME=ymax VALUE=30>
(Use to specify the upper limit for your graph)

<PARAM NAME=ymin VALUE=10>
(Use to specify the lower limit for your graph - defaults to zero)

<PARAM NAME=NumberOfLabs VALUE=5>
(Number of 'x' axis labels.)
<PARAM NAME=YLabFrequency VALUE=5>
(Override the frequency of Y-axis labels)

<PARAM NAME=Grid VALUE=true>
(Show grid. Enter "false" to hide the grid)

<PARAM NAME=Lab1 VALUE="Jan-99">
<PARAM NAME=Lab2 VALUE="Apr-99">
<PARAM NAME=Lab3 VALUE="Jul-99">...etc.
(These parameters specify the 'x' axis labels you want displayed on your graph. There should be as many labels as are specified in the "NumberOfLabs" parameter.)

<PARAM NAME=LineColor_R_L1 VALUE=255>
<PARAM NAME=LineColor_G_L1 VALUE=0>
<PARAM NAME=LineColor_B_L1 VALUE=0>
(These 3 parameters specify the Red-Green-Blue values for the color of the graphing line to be drawn. Use values between 0 and 255.)

<PARAM NAME=NumberOfVals VALUE=30>
(You can alter the value to whatever you want - this determines how many points will be shown on the graph)

<PARAM NAME=Val1_L1 VALUE="29.1">
<PARAM NAME=Val2_L1 VALUE="12.5">
<PARAM NAME=Val3_L1 VALUE="10.3">...etc.
(These parameters specify the values you want displayed on your graph. There should be as many values as are specified in the "NumberOfVals" parameter. For extra lines use VAL1_L2, VAL2_L2 etc...)

<PARAM NAME=Lines VALUE=1>
<PARAM NAME=BorderRight VALUE=20>
<PARAM NAME=BorderLeft VALUE=30>
<PARAM NAME=BorderTop VALUE=20>
<PARAM NAME=BorderBase VALUE=20>
<PARAM NAME=Bg_r VALUE=220>
<PARAM NAME=Bg_g VALUE=240>
<PARAM NAME=Bg_b VALUE=255>
<PARAM NAME=Border_r VALUE=100>
<PARAM NAME=Border_g VALUE=100>
<PARAM NAME=Border_b VALUE=250>
<PARAM NAME=LineWidth VALUE=2>
<PARAM NAME=ShowPoints VALUE=0>
<PARAM NAME=FontSize VALUE=13>
(These parameters set additional display options.)

</APPLET>

In "Number Mode", the X axis represents numerical data, and each point on the graph is assigned an X and a Y value:

<applet code="linegraph.class" height=320 width=420>
   <param name=title value="Price (k$) / Demand">
   <param name=NumberOfVals value=9>
   <param name=xmax value=70000>
   <param name=xmin value=0>
   <param name=ymax value=5000>
   <param name=ymin value=0>
   <param name=mode value=1>
   <param name=LineColor_R_L1 value=51>
   <param name=LineColor_G_L1 value=153>
   <param name=LineColor_B_L1 value=51>
   <param name=Grid value="false">
   <param name=VAL1_L1 value="800:5000">
   <param name=VAL2_L1 value="1600:4000">
   <param name=VAL3_L1 value="4000:3000">
   ...etc.
</applet>

See more examples of how the HTML tags can be used.