graph chart

Advanced Vertical Bar Graph

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>

 

For a full explanation of and range of values for the above parameters please see the Documentation.

Note: If you are using the evaluation version then in the applet a pop-up window will appear upon the startup and an evaluation message will be incorporated by the servlet. Both these features have been removed from the licensed version. Licensing information can be found at

 

Examples

Contents

Introduction

Applet Examples
Servlet Examples
Applet - Servlet Combination

Licensing and Purchasing Options

Documentation

Further Information and Support

More Graph and Chart Functions