Advanced
Vertical Bar Graph, version 3.2
by Sirius Computer Consultants Limited
Applet
Example 1
Probably
the simplest implementation, this example demonstrates setting
up the graph in a web page so that both the configuration
and graph data are read from the <PARAM> tags within
the HTML page.
and
here is the 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 -->
<!--
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">
<!--
Bar Data -->
<!-- <PARAM name="dataNseriesN" value="value|URL|Target
Frame"> -->
<PARAM name="data1series1" value="7000">
<PARAM name="data2series1" value="7900">
<PARAM name="data3series1" value="10350">
<PARAM name="data4series1" value="13800">
<PARAM
name="data1series2" value="6300">
<PARAM name="data2series2" value="6400">
<PARAM name="data3series2" value="8700">
<PARAM name="data4series2" value="9200">
<PARAM
name="data1series3" value="6900">
<PARAM name="data2series3" value="6200">
<PARAM name="data3series3" value="7000">
<PARAM name="data4series3" value="7750">
</applet>
[