barchartdesigner_form.html

java图形报表制作

	input.rangeAdjusterOn.checked = false;
	input.rangeAdjusterOn_2.checked = false;
	input.rangeAdjusterPosition.value = "";
	input.rangeAdjusterPosition_2.value = "";
	input.rangeOn_2.checked = false;
	input.rangeLabelsOff.checked = false;
	input.chartTitle.value = "";
	input.titleFont.value = "";
	input.seriesLabels.value = "";
	input.sampleLabels.value = "";
	input.barLabelsOn.checked = false;
	input.barLabelFont.value = "";
	input.valueLabelsOn.checked = false;
	input.sampleDecimalCount_0.value = "";
	input.sampleDecimalCount_1.value = "";
	input.valueLabelStyle.value = "";
	input.valueLabelAngle.value = "";
	input.valueLabelPrefix_0.value = "";
	input.valueLabelPostfix_0.value = "";
	input.valueLabelFont.value = "";
	input.legendOn.checked = false;
	input.legendPosition.value = "";
	input.legendLabels.value = "";
	input.legendFont.value = "";
	input.legendColors.value = "";
	input.multiSeriesOn.checked = false;
	input.sampleAxisLabel.value = "";
	input.sampleAxisLabelFont.value = "";
	input.sampleAxisLabelAngle.value = "";
	input.floatingLabelFont.value = "";
	input.Mode3DOn.checked = false;
	input.depth3D.value = "";
	input.valueLinesOn.checked = false;
	input.valueLinesColor.value = "";
	input.defaultGridLinesOn.checked = false;
	input.defaultGridLinesColor.value = "";
	input.gridLines.value = "";
	input.gridLineColors.value = "";
	input.sampleAxisRange.value = "";
	input.barAlignment.value = "";
	input.barType.value = "";
	input.barOutlineOff.checked = false;
	input.barOutlineColor.value = "";
	input.barWidth.value = "";
	input.sampleScrollerOn.checked = false;
	input.visibleSamples.value = "";
	input.multiColorOn.checked = false;
	input.sampleColors.value = "";
	input.background.value = "";
	input.foreground.value = "";
	input.chartBackground.value = "";
	input.chartForeground.value = "";
	input.targetValueLine_0.value = "";
	input.targetValueLine_1.value = "";
	input.url_0.value = "";
	input.url_1.value = "";
	repaint();
}


//-->
</script>

<form name="input">

<p>
<table width=600 cellspacing=0 cellpadding=1 border=0>

<tr><td colspan=3><font face="verdana, arial, helvetica" size=-1>
This form demonstrates the features of the chart. Type in a value in 
the fields and click the parameter name to update the chart.
The applet code that generates the chart is shown
in the text box to the right of the chart.<br>
</font>
</td>
</tr>

<tr><td colspan=2 align=right>
<font face="verdana, arial, helvetica" size=-1>
<a href="javascript:complex()">complex chart</a><br>
<a href="javascript:simple()">simple chart</a>
</font>
</td>
</tr>

<tr><td><font face="verdana, arial, helvetica" size=-1><b>Values</b></font></td></tr>	
<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">seriesCount</a></font></td>
	<td width=80% align=left><INPUT NAME="seriesCount" value="2" SIZE=3 MAXLENGTH=3></td>
	</tr>
	<tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Sets the number of data series in the chart. The default seriesCount is 1.
	To read more than 1 series use the sampleValues_N parameter. You can
	have as many data series as you wish.
	</font></td>
</tr>

<tr><td><font size=-2>&nbsp;</font></td></tr>	
<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">sampleCount</a></font></td>
	<td align=left><INPUT NAME="sampleCount" SIZE=3 MAXLENGTH=3></td>
	</tr>
	<tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Sets the number of samples in the the chart. If the chart has one data
	series, there will be one bar per sample. If the chart has 3 data
	series, there will be 3 bars per sample.
	</font></td>
</tr>

<tr><td><font size=-2>&nbsp;</font></td></tr>	
<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">sampleValues_0</a></font></td>
	<td align=left><INPUT NAME="sampleValues_0" value="321,325,657,679,880" SIZE=40></td>
	</tr>
	<tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Sets the sample values for the first data series. If the sampleCount is 
	not specified the number of samples in the chart will equal the number 
	of	values given with this parameter.
	</font></td>
</tr>

<tr><td><font size=-2>&nbsp;</font></td></tr>	
<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">sampleValues_1</a></font></td>
	<td align=left><INPUT NAME="sampleValues_1" value="1331,2331,2345,5834,7434" SIZE=40></td>
	</tr>
	<tr>
	<td></td>
</tr>

<tr><td><font size=-2>&nbsp;</font></td></tr>	
<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">seriesRange_1</a></font></td>
	<td align=left><INPUT NAME="seriesRange_1" value="2" SIZE=3></td>
	</tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Associates a series with a range (1 or 2). Here the second
	series uses range 2.
	</font></td>
</tr>

<tr><td><font face="verdana, arial, helvetica" size=-1><br><b>Range</b></font></td></tr>
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">range</a></font></td>
	<td align=left><INPUT NAME="range" SIZE=10></td>
	</tr>
	<tr>
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">range_2</a></font></td>
	<td align=left><INPUT NAME="range_2" SIZE=10></td>
	</tr>
	<tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Sets the upper value of the range axis (y-axis). If this is not set, 
	the upper range will be automatically set to the largest sample.
	</font></td>
</tr>

<tr><td><font size=-2>&nbsp;</td></tr>	
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">lowerRange</a></font></td>
	<td align=left><INPUT NAME="lowerRange" SIZE=10></td>
	</tr>
	<tr>
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">lowerRange_2</a></font></td>
	<td align=left><INPUT NAME="lowerRange_2" SIZE=10></td>
	</tr>
	<tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Sets the lower value of the range axis (y-axis). If this is not set, 
	the lower range will be automatically set to the smallest sample, or
	0 if no samples are negative.
	</font></td>
</tr>

<tr><td><font size=-2>&nbsp;</td></tr>	
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeStep</a></font></td>
	<td align=left><INPUT NAME="rangeStep" SIZE=10 value="100"></td>
	</tr>
	<tr>
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeStep_2</a></font></td>
	<td align=left><INPUT NAME="rangeStep_2" SIZE=10 value="1000"></td>
	</tr>
	<tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	If rangeStep is set and the range is not specified, the range will be 
	set to the next value divisible by the step. If the largest value of 
	the chart is 325, and the step is set to 100, the upper range will 
	automatically be set to 400.
	</font></td>
</tr>

<tr><td><font size=-2>&nbsp;</td></tr>	
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeDecimalCount</a></font></td>
	<td align=left><INPUT NAME="rangeDecimalCount" SIZE=3></td>
	</tr>
	<tr>
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeDecimalCount_2</a></font></td>
	<td align=left><INPUT NAME="rangeDecimalCount_2" SIZE=3></td>
	</tr>
	<tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Sets the number of decimals for the range labels.
	</font></td>
</tr>

<tr><td><font size=-2>&nbsp;</td></tr>	
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeAxisLabel</a></font></td>
	<td align=left><INPUT NAME="rangeAxisLabel" SIZE=20 VALUE="Million Dollars"></td>
	</tr>
	<tr>
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeAxisLabel_2</a></font></td>
	<td align=left><INPUT NAME="rangeAxisLabel_2" SIZE=20 VALUE="Customers"></td>
	</tr>
	<tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Adds a label beside the range axis.
	</font></td>
</tr>

<tr><td><font size=-2>&nbsp;</td></tr>	
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeAxisLabelAngle</a></font></td>
	<td align=left><INPUT NAME="rangeAxisLabelAngle" SIZE=20 VALUE="270"></td>
	</tr>
	<tr>
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeAxisLabelAngle_2</a></font></td>
	<td align=left><INPUT NAME="rangeAxisLabelAngle_2" SIZE=20 VALUE="90"></td>
	</tr>
	<tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Sets the angle of the range axis label.
	</font></td>
</tr>

<tr><td><font size=-2>&nbsp;</td></tr>	
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeLabelFont</a></font></td>
	<td align=left><INPUT NAME="rangeLabelFont" SIZE=20"></td>
	</tr>
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeAxisLabelFont</a></font></td>
	<td align=left><INPUT NAME="rangeAxisLabelFont" SIZE=20 VALUE="Dialog,bold,14"></td>
	</tr>
	<tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Sets the font of the axis labels.
	</font></td>
</tr>

<tr><td><font size=-2>&nbsp;</td></tr>	
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeLabelPrefix</a></font></td>
	<td align=left><INPUT NAME="rangeLabelPrefix" SIZE=10 value="$"></td>
	</tr>
	<tr>
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeLabelPostfix</a></font></td>
	<td align=left><INPUT NAME="rangeLabelPostfix" SIZE=10></td>
	</tr>
	<tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Adds a prefix and postfix label to the range labels.
	</font></td>
</tr>

<tr><td><font size=-2>&nbsp;</td></tr>	
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeAdjusterOn</a></font></td>
	<td align=left><input name="rangeAdjusterOn" type=checkbox checked onClick=repaint()></td>
	</tr>
	<tr>
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeAdjusterOn_2</a></font></td>
	<td align=left><input name="rangeAdjusterOn_2" type=checkbox checked onClick=repaint()></td>
	</tr>
	<tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Turns on the range adjuster. The range adjuster is a slider which 
	allows the user to adjust the upper and lower ranges at runtime.
	</font></td>
</tr>

<tr><td><font size=-2>&nbsp;</td></tr>	
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeAdjusterPosition</a></font></td>
	<td align=left><INPUT NAME="rangeAdjusterPosition" SIZE=10 VALUE="left"></td>
	</tr>
	<tr bgcolor="#e0e0e0">
	<td align=left><font face="verdana, arial, helvetica" size=-1>
	<a href="javascript:repaint()">rangeAdjusterPosition_2</a></font></td>
	<td align=left><INPUT NAME="rangeAdjusterPosition_2" SIZE=10></td>
	</tr>
	<td align=left colspan=2><font face="verdana, arial, helvetica" size=-1>
	Sets the position of the range adjuster. The position can either be
	left or right if the bars are vertical, or top or bottom if the bars
	are horizontal. The default is right.
	</font></td>
</tr>