2D/3D Area Graph

2D/3D Area Graph provides both a client and server side solution for the incorporation of area graphs into web pages. Versatile components enable web authors and Java developers to easily build and publish dynamic and interactive area graphs.

How To Use:

  • Download AreaGraphEval.zip (206 KB)
  • Unzip with a compression utility.

    Java Source: Unavailable

    Sample HTML Source: 

    <applet code="AreaGraphApplet.class" 
    archive="AreaGraph.jar" width="400" height="440">
                      <!-- Start Up Parameters -->
<PARAM name="LOADINGMESSAGE" 
    value="Area Graph 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="false">       
<!-- 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">   
<!-- Outline On/Off -->
   <PARAM name="legend" value="true">    
<!-- Legend On/Off -->
   <PARAM name="autoscale" value="true"> 
<!-- Auto Scaling On/Off -->

<!-- Chart Characteristics -->
   <PARAM name="nPoints" value="12">        
<!-- Max Number of Points per series-->
   <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="hSpace" value="30">          
<!-- Horizontal spacing, Pixels-->
   <PARAM name="gridxpos" value="75">        
<!-- X position to start grid -->
   <PARAM name="gridypos" value="350">       
<!-- Y position to start grid -->
   <PARAM name="gridstyle" value="3">        
<!-- grid line style -->
   <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="350">        
<!-- Y position of x axis labels-->
    <PARAM name="labelsYpre" value="$">      
<!-- Y labels pre-text e.g Currency Symbol -->
    <PARAM name="labelsYpost" value=" ">      
<!-- Y labels post-text e.g weight measurement "Kg" -->
<!--   <PARAM name="chartScale" value="2000">  --> 
<!-- Chart Scale -->
<!--   <PARAM name="chartStartY" value="0">  -->   
<!-- Starting Y value -->

<!-- x axis Labels -->
     <PARAM name="label1" value="January">
     <PARAM name="label2" value="February|0">
     <PARAM name="label3" value="March">
     <PARAM name="label4" value="April|0">
     <PARAM name="label5" value="May">
     <PARAM name="label6" value="June|0">
     <PARAM name="label7" value="July">
     <PARAM name="label8" value="August|0">
     <PARAM name="label9" value="September">
     <PARAM name="label10" value="October|0">
     <PARAM name="label11" value="November">
     <PARAM name="label12" value="December|0">

     <!-- Font information -->
     <PARAM name="yFont" value="Arial,N,10">  
<!-- Y labels Font -->
     <PARAM name="xFont" value="Arial,N,10">   
<!-- X labels Font -->

<!-- Color information -->
<PARAM name="gridbg" value="#EEEEFF">       
<!-- grid background color -->
<PARAM name="BgColor" value="white">       
<!-- BackGround Color  -->
<PARAM name="gridcolor" value="70,70,70">   
<!-- gridcolor         -->
<PARAM name="axiscolor" value="0,0,255">    
<!-- axiscolor         -->
<PARAM name="floorcolor" value="0,100,170"> 
<!-- floorcolor        -->
<PARAM name="outlinecolor" value="0,0,0">   
<!-- outline color     -->
<PARAM name="labelcolor" value="50,50,50">  
<!-- label color       -->
<PARAM name="Ycolor" value="50,50,50">      
<!-- Y color           -->

<!-- Legend Information -->
<PARAM name="legendfont" value="Arial,N,10">   
<!-- Legend Font        -->
<PARAM name="legendposition" value="300,5">   
<!-- Legend Position    -->
<PARAM name="legendtitle" value="Products">    
<!-- Legend Title       -->
<PARAM name="LegendBackground"value="#EEEEFF">
<PARAM name="LegendBorder"value="0,50,175">
<PARAM name="LegendtextColor"value="50,50,50">

<!-- Images -->
<!--   <PARAM name="BackgroundImage" value="bg.gif">  -->           
<!-- Background image for the Graph -->
<!--   <PARAM name="GridBackgroundImage" value="gridbg.gif">  -->   
<!-- Background image for the grid area -->
<!-- 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 Month|80,60|Arial,BI,18|100,100,200">
<PARAM name="xtitle" value="Year 2002|200,420|Arial,B,16|100,100,200">
<PARAM name="ytitle" value="Value $|10,300|Arial,B,16|100,100,200">

<!-- 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,85|Arial,N,10|100,100,200">
<PARAM name="text2" 
    value="Product Z launched April|85,100|Arial,N,10|50,50,50">
<PARAM name="text3" 
    value="Product Y discontinued in October|85,115|Arial,N,10|50,50,50">

<!-- Series Data -->
<!-- <PARAM name="seriesN" 
    value="series color|point style|PointSize|fill|legend label" -->
<PARAM name="series1" value="99,99,156|0|8|false|Product X">
<PARAM name="series2" value="8,185,185|0|8|true|Product Y">
<PARAM name="series3" value="239,154,65|0|8|false|Product Z">

<!-- Trend Lines -->
<!-- color|start point|end point|start value|end value|label|font -->
<!--	 <PARAM name="trend1" 
    value="0,0,0|7|12|2200|3300| Upper trend|Arial,B,12"> -->
<!--	 <PARAM name="trend2" 
    value="0,0,0|8|12|900|1550| Lower trend|Arial,B,12"> -->
<!-- Target Lines -->
<!-- color|style|start point|end point|value|label|font -->
<PARAM name="target2" value="125,0,0|4|1|12|8400| Break Even|Arial,B,12">

<!-- Point Data -->
<!-- <PARAM name="dataNseriesN" value="value|URL|Target Frame"> -->
<PARAM name="data1series1" value="3162">
<PARAM name="data2series1" value="2516">
<PARAM name="data3series1" value="2945">
<PARAM name="data4series1" value="3980">
<PARAM name="data5series1" value="5750">
<PARAM name="data6series1" value="6230">
<PARAM name="data7series1" value="4765">
<PARAM name="data8series1" value="5636">
<PARAM name="data9series1" value="5120">
<PARAM name="data10series1" value="4365">
<PARAM name="data11series1" value="5789">
<PARAM name="data12series1" value="5623">
<PARAM name="data1series2" value="6840">
<PARAM name="data2series2" value="6704">
<PARAM name="data3series2" value="3945">
<PARAM name="data4series2" value="6780">
<PARAM name="data5series2" value="4750">
<PARAM name="data6series2" value="2230">
<PARAM name="data7series2" value="1065">
<PARAM name="data8series2" value="636">
<PARAM name="data9series2" value="520">
<PARAM name="data10series2" value="250">
<PARAM name="data4series3" value="253">
<PARAM name="data5series3" value="682">
<PARAM name="data6series3" value="989">
<PARAM name="data7series3" value="1920">
<PARAM name="data8series3" value="1240">
<PARAM name="data9series3" value="2240">
<PARAM name="data10series3" value="1450">
<PARAM name="data11series3" value="2808">
<PARAM name="data12series3" value="2050">
</applet>

    Status:Applet $49.95 Applet and Servlet $99.95

    Author: Patrick OBrien

    Upload Date:
    April 2, 2003

    How to Add Java Applets to Your Site

    New on the Java Boutique:

    New Review:

    Time Management Made Easy with the Quartz Enterprise Job Scheduler
    Why not just use the Java timer API? This open source scheduling API boasts simplicity, ease-of-integration, a well-rounded feature set, and it's free!

    New Applet:

    Reverse Complement
    Reverse Complement is a simple applet that converts DNA or RNA sequences into three useful formats.

    Elsewhere on internet.com:

    WebDeveloper Java
    Lots of Java information on webdeveloper.com

    WDVL Java
    Thorough Java resource at the Web Developer's Virtual Library.

    ScriptSearch Java
    Hundreds of free Java code files to download.

    jGuru: Your View of the Java Universe
    Customizable portal with online training, FAQs, regular news updates, and tutorials.