Advanced
Vertical Bar Graph, version 3.2
by Sirius Computer Consultants Limited
Applet
Example 2
Here
the graph applet is configured to read the configuration
data from the HTML <PARAM> tags and to acquire the
graph data from a text file.
The
graph data is acquired from the text file bardata.txt
( click here to view ) and the graph properties are
set by the following HTML code,
<applet
code="VbarchartApplet.class" archive="Vbargraph.jar"
width="500" height="420">
<!--
Start Up Parameters -->
<PARAM name="LOADINGMESSAGE" value="Column
Chart Loading - Please Wait."> <!-- Message to
be displayed on Startup -->
<PARAM name="STEXTCOLOR" value="0,0,100">
<!-- Message Text Color-->
<PARAM name="STARTUPCOLOR" value="255,255,255">
<!-- Applet Background color -->
<!--
Data files -->
<PARAM name="chartdata" value="bardata.txt">
<!-- Chart Switches -->
<PARAM name="3D" value="true">
<!-- 3D mode On/Off -->
<PARAM name="grid" value="true">
<!-- Grid On/Off -->
<PARAM name="axis" value="true">
<!-- Axis On/Off -->
<PARAM name="ylabels" value="true">
<!-- y Labels On/Off -->
<PARAM name="outline" value="true">
<!-- Column Outline On/Off -->
<PARAM name="legend" value="true">
<!-- Legend On/Off -->
<!--
Chart Characteristics -->
<PARAM name="nCols" value="4">
<!-- Number of Columns-->
<PARAM name="nRows" value="7">
<!-- Number of Rows for the grid -->
<PARAM name="vSpace" value="30">
<!-- Vertical spacing, number of Pixels -->
<PARAM name="nSeries" value="3">
<!-- Number of Series -->
<PARAM name="barwidth" value="20">
<!-- Column Width, Pixels-->
<PARAM name="gridxpos" value="75">
<!-- X position to start grid -->
<PARAM name="gridypos" value="350">
<!-- Y position to start grid -->
<PARAM name="depth3D" value="15">
<!-- Depth of 3D effect, number of Pixels -->
<PARAM name="ndecplaces" value="0">
<!-- Number of Decimal places to display values -->
<PARAM name="labelOrientation" value="5">
<!-- x axis label orientation -->
<PARAM name="labelsY" value="365">
<!-- Y position of x axis labels-->
<PARAM name="chartScale" value="1000">
<!-- Chart Scale -->
<PARAM name="chartStartY" value="6000">
<!-- Starting Y value -->
<!--
Column Labels -->
<PARAM name="label1" value="Quarter 1">
<PARAM name="label2" value="Quarter 2">
<PARAM name="label3" value="Quarter 3">
<PARAM name="label4" value="Quarter 4">
<!--
Additional font information -->
<PARAM name="font14" value="TimesRoman,I,10">
<!-- Y labels Font -->
<PARAM name="font15" value="TimesRoman,N,10">
<!-- X labels Font -->
<!--
Additional color information -->
<PARAM name="color14" value="100,100,100">
<!-- gridcolor -->
<PARAM name="color15" value="0,0,0">
<!-- axiscolor -->
<PARAM name="color16" value="0,100,100">
<!-- floorcolor -->
<PARAM name="color17" value="0,0,0">
<!-- baroutline color -->
<PARAM name="color18" value="0,0,0">
<!-- label color -->
<PARAM name="color19" value="0,0,0">
<!-- Y color -->
<!--
Legend Information -->
<PARAM name="legendfont" value="Arial,N,10">
<!-- Legend Font -->
<PARAM name="legendposition" value="200,5">
<!-- Legend Position -->
<PARAM name="legendtitle" value="Products">
<!-- Legend Title -->
<PARAM name="LegendBackground"value="200,200,200">
<PARAM name="LegendBorder"value="125,125,125">
<PARAM name="LegendtextColor"value="0,0,0">
<!--
Titles - Main, x and y -->
<!-- <PARAM name="title" value="text,xpos,ypos,font-type,font-style,font-size,Rcolor,Gcolor,Bcolor">
-->
<PARAM name="title" value="Sales by Quarter|50,20|TimesRoman,BI,18|100,100,100">
<PARAM name="xtitle" value="Year 2002|200,400|TimesRoman,B,16|100,100,100">
<PARAM name="ytitle" value="Value $|10,300|TimesRoman,B,16|100,100,100">
<!--
Free Form Text -->
<!-- <PARAM name="textn" value="text,xpos,ypos,font-type,font-style,font-size,Rcolor,Gcolor,Bcolor">
-->
<PARAM name="text1" value="Note :|80,60|TimesRoman,N,12|0,0,255">
<PARAM name="text2" value="New product
range|80,80|TimesRoman,N,12|0,0,0">
<PARAM name="text3" value="launched during|80,100|TimesRoman,N,12|0,0,0">
<PARAM name="text4" value="quarter 2.|80,120|TimesRoman,N,12|0,0,0">
<!--
Series Data -->
<!-- <PARAM name="seriesN" value="series
color|legend label"> -->
<PARAM name="series1" value="200,0,0|Product
X">
<PARAM name="series2" value="200,0,200|Product
Y">
<PARAM name="series3" value="0,200,0|Product
Z">
</applet>