Advanced Stacked Vertical Bar Graph

Advanced Stacked 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="SVbarchartApplet.class" archive="SVbargraph.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="60"> <!-- 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="5000"> <!-- Chart Scale -->
<PARAM name="chartStartY" value="0"> <!-- 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>

http://www.graph-chart.com/graph.htm