📄 linechartdesigner.html
字号:
<head>
<title>LineChart Designer</title>
<style><!-- a:{color:#000099} a:vlink{color:#663366} a:hover{color:#007FFF} --></style>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#0000EE" vlink="#551A8B" alink="#FF0000">
<script LANGUAGE="JavaScript">
<!--
function repaint() {
// ALL HTML AND JAVASCRIPT CODE COPYRIGHT BY OBJECTPLANET 2000
// ALL RIGHTS RESERVED, DO NOT COPY
// get a reference to the input
var input = document.input;
// don't repaint after each setParameter call
document.LineChart.chart.setAutomaticRepaintOn(false);
// values
document.LineChart.setParameter("seriesCount", input.seriesCount.value);
document.LineChart.setParameter("sampleCount", input.sampleCount.value);
document.LineChart.setParameter("sampleValues_0", input.sampleValues_0.value);
document.LineChart.setParameter("sampleValues_1", input.sampleValues_1.value);
document.LineChart.setParameter("sampleValues_2", input.sampleValues_2.value);
document.LineChart.setParameter("sampleValues_3", input.sampleValues_3.value);
// labels
document.LineChart.setParameter("chartTitle", input.chartTitle.value);
document.LineChart.setParameter("labelDelimiter", input.labelDelimiter.value);
document.LineChart.setParameter("sampleLabels", input.sampleLabels.value);
document.LineChart.setParameter("seriesLabels", input.seriesLabels.value);
document.LineChart.setParameter("sampleAxisLabel", input.sampleAxisLabel.value);
document.LineChart.setParameter("rangeAxisLabel", input.rangeAxisLabel.value);
document.LineChart.setParameter("valueLabelPrefix", input.valueLabelPrefix.value);
document.LineChart.setParameter("valueLabelPostfix", input.valueLabelPostfix.value);
document.LineChart.setParameter("rangeLabelPrefix", input.rangeLabelPrefix.value);
document.LineChart.setParameter("rangeLabelPostfix", input.rangeLabelPostfix.value);
// style
document.LineChart.setParameter("legendPosition", input.legendPosition.value);
document.LineChart.setParameter("lineWidth", input.lineWidth.value);
document.LineChart.setParameter("valueLabelStyle", input.valueLabelStyle.value);
document.LineChart.setParameter("seriesLineOff", input.seriesLineOff.value);
document.LineChart.setParameter("sampleHighlightOn", input.sampleHighlightOn.value);
document.LineChart.setParameter("sampleHighlightStyle", input.sampleHighlightStyle.value);
document.LineChart.setParameter("sampleHighlightSize", input.sampleHighlightSize.value);
document.LineChart.setParameter("maxValueLineCount", input.maxValueLineCount.value);
document.LineChart.setParameter("sampleDecimalCount", input.sampleDecimalCount.value);
document.LineChart.setParameter("rangeDecimalCount", input.rangeDecimalCount.value);
document.LineChart.setParameter("graphInsets", input.graphInsets.value);
// colors
document.LineChart.setParameter("sampleColors", input.sampleColors.value);
document.LineChart.setParameter("seriesLabelColors", input.seriesLabelColors.value);
document.LineChart.setParameter("sampleLabelColors", input.sampleLabelColors.value);
document.LineChart.setParameter("chartForeground", input.chartForeground.value);
document.LineChart.setParameter("chartBackground", input.chartBackground.value);
document.LineChart.setParameter("foreground", input.foreground.value);
document.LineChart.setParameter("background", input.background.value);
document.LineChart.setParameter("valueLinesColor", input.valueLinesColor.value);
// fonts
document.LineChart.setParameter("font", input.font.value);
document.LineChart.setParameter("titleFont", input.titleFont.value);
document.LineChart.setParameter("legendFont", input.legendFont.value);
document.LineChart.setParameter("sampleLabelFont", input.sampleLabelFont.value);
document.LineChart.setParameter("valueLabelFont", input.valueLabelFont.value);
document.LineChart.setParameter("rangeLabelFont", input.rangeLabelFont.value);
document.LineChart.setParameter("sampleAxisLabelFont", input.sampleAxisLabelFont.value);
document.LineChart.setParameter("rangeAxisLabelFont", input.rangeAxisLabelFont.value);
// features on/off
document.LineChart.setParameter("valueLabelsOn", input.valueLabelsOn.checked + "");
document.LineChart.setParameter("sampleLabelsOn", input.sampleLabelsOn.checked + "");
document.LineChart.setParameter("valueLinesOn", input.valueLinesOn.checked + "");
document.LineChart.setParameter("legendOn", input.legendOn.checked + "");
document.LineChart.setParameter("rangeLabelsOff", input.rangeLabelsOff.checked + "");
document.LineChart.setParameter("rangeAdjusterOn", input.rangeAdjusterOn.checked + "");
document.LineChart.setParameter("autoLabelSpacingOn", input.autoLabelSpacingOn.checked + "");
document.LineChart.setParameter("3DModeOn", input.Mode3DOn.checked + "");
document.LineChart.setParameter("stackedOn", input.stackedOn.checked + "");
// targets and urls
document.LineChart.setParameter("targetValueLine_0", input.targetValueLine_0.value);
document.LineChart.setParameter("targetValueLine_1", input.targetValueLine_1.value);
document.LineChart.setParameter("url_0", input.url_0.value);
document.LineChart.setParameter("url_1", input.url_1.value);
document.LineChart.setParameter("url_2", input.url_2.value);
document.LineChart.setParameter("url_3", input.url_3.value);
document.LineChart.setParameter("urltarget", input.urltarget.value);
document.LineChart.setParameter("urltarget_0", input.urltarget_0.value);
document.LineChart.setParameter("urltarget_1", input.urltarget_1.value);
document.LineChart.setParameter("urltarget_2", input.urltarget_2.value);
document.LineChart.setParameter("urltarget_3", input.urltarget_3.value);
// range must come last
document.LineChart.setParameter("rangeStep", input.rangeStep.value);
document.LineChart.setParameter("range", input.range.value);
document.LineChart.setParameter("lowerRange", input.lowerRange.value);
// repaint the chart
document.LineChart.chart.setAutomaticRepaintOn(true);
document.LineChart.chart.repaint();
// construct the applet code
appletcode = "<applet code=com.estarcom.xbean.chart.LineChartApplet\n";
appletcode += "width=350 height=250 archive=xchart-v3_2.jar>\n";
// values
appletcode += GetCode("seriesCount", input.seriesCount.value);
appletcode += GetCode("sampleCount", input.sampleCount.value);
appletcode += GetCode("sampleValues_0", input.sampleValues_0.value);
appletcode += GetCode("sampleValues_1", input.sampleValues_1.value);
appletcode += GetCode("sampleValues_2", input.sampleValues_2.value);
appletcode += GetCode("sampleValues_3", input.sampleValues_3.value);
appletcode += GetCode("rangeStep", input.rangeStep.value);
appletcode += GetCode("range", input.range.value);
appletcode += GetCode("lowerRange", input.lowerRange.value);
// labels
appletcode += GetCode("chartTitle", input.chartTitle.value);
appletcode += GetCode("labelDelimiter", input.labelDelimiter.value);
appletcode += GetCode("seriesLabels", input.seriesLabels.value);
appletcode += GetCode("sampleLabels", input.sampleLabels.value);
appletcode += GetCode("sampleAxisLabel", input.sampleAxisLabel.value);
appletcode += GetCode("rangeAxisLabel", input.rangeAxisLabel.value);
appletcode += GetCode("valueLabelPrefix", input.valueLabelPrefix.value);
appletcode += GetCode("valueLabelPostfix", input.valueLabelPostfix.value);
appletcode += GetCode("rangeLabelPrefix", input.rangeLabelPrefix.value);
appletcode += GetCode("rangeLabelPostfix", input.rangeLabelPostfix.value);
// style
appletcode += GetCode("legendPosition", input.legendPosition.value);
appletcode += GetCode("lineWidth", input.lineWidth.value);
appletcode += GetCode("valueLabelStyle", input.valueLabelStyle.value);
appletcode += GetCode("seriesLineOff", input.seriesLineOff.value);
appletcode += GetCode("sampleHighlightOn", input.sampleHighlightOn.value);
appletcode += GetCode("sampleHighlightStyle", input.sampleHighlightStyle.value);
appletcode += GetCode("sampleHighlightSize", input.sampleHighlightSize.value);
appletcode += GetCode("maxValueLineCount", input.maxValueLineCount.value);
appletcode += GetCode("sampleDecimalCount", input.sampleDecimalCount.value);
appletcode += GetCode("rangeDecimalCount", input.rangeDecimalCount.value);
appletcode += GetCode("graphInsets", input.graphInsets.value);
// colors
appletcode += GetCode("sampleColors", input.sampleColors.value);
appletcode += GetCode("sampleLabelColors", input.sampleLabelColors.value);
appletcode += GetCode("seriesLabelColors", input.seriesLabelColors.value);
appletcode += GetCode("chartBackground", input.chartBackground.value);
appletcode += GetCode("chartForeground", input.chartForeground.value);
appletcode += GetCode("background", input.background.value);
appletcode += GetCode("foreground", input.foreground.value);
appletcode += GetCode("valueLinesColor", input.valueLinesColor.value);
// fonts
appletcode += GetCode("font", input.font.value);
appletcode += GetCode("titleFont", input.titleFont.value);
appletcode += GetCode("legendFont", input.legendFont.value);
appletcode += GetCode("sampleLabelFont", input.sampleLabelFont.value);
appletcode += GetCode("valueLabelFont", input.valueLabelFont.value);
appletcode += GetCode("rangeLabelFont", input.rangeLabelFont.value);
appletcode += GetCode("sampleAxisLabelFont", input.sampleAxisLabelFont.value);
appletcode += GetCode("rangeAxisLabelFont", input.rangeAxisLabelFont.value);
// features on/off
appletcode += GetBoolCode("valueLabelsOn", input.valueLabelsOn.checked);
appletcode += GetBoolCode("sampleLabelsOn", input.sampleLabelsOn.checked);
appletcode += GetBoolCode("legendOn", input.legendOn.checked);
appletcode += GetBoolCode("valueLinesOn", input.valueLinesOn.checked);
appletcode += GetBoolCode("autoLabelSpacingOn", input.autoLabelSpacingOn.checked);
appletcode += GetBoolCode("rangeAdjusterOn", input.rangeAdjusterOn.checked);
appletcode += GetBoolCode("rangeLabelsOff", input.rangeLabelsOff.checked);
appletcode += GetBoolCode("3DModeOn", input.Mode3DOn.checked);
appletcode += GetBoolCode("stackedOn", input.stackedOn.checked);
// targets and urls
appletcode += GetCode("targetValueLine_0", input.targetValueLine_0.value);
appletcode += GetCode("targetValueLine_1", input.targetValueLine_1.value);
appletcode += GetCode("url_0", input.url_0.value);
appletcode += GetCode("url_1", input.url_1.value);
appletcode += GetCode("url_2", input.url_2.value);
appletcode += GetCode("url_3", input.url_3.value);
appletcode += GetCode("urltarget", input.urltarget.value);
appletcode += GetCode("urltarget_0", input.urltarget_0.value);
appletcode += GetCode("urltarget_1", input.urltarget_1.value);
appletcode += GetCode("urltarget_2", input.urltarget_2.value);
appletcode += GetCode("urltarget_3", input.urltarget_3.value);
appletcode += "</applet>";
document.input.appletcode.value = appletcode;
}
function GetCode(name, value) {
if (value != null && value.length > 0) {
return "<param name=" + name + " value=\"" + value + "\">\n";
}
return "";
}
function GetBoolCode(name, checked) {
if (checked == true) {
return "<param name=" + name + " value=" + checked + ">\n";
}
return "";
}
//-->
</script>
<body>
<p>
<font face="verdana, arial" size=+1 color="#777777">
LINECHART DESIGNER
</font>
<p>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=500>
<tr>
<td>
<font face="verdana, arial" size=-1 color="#505050">
Use this form to design your line chart applet. Set the
chart values and features and see the chart change.
<p>
The applet code will be generated and displayed below the
chart settings. Follow the link of each parameter for
the reference information.
</font>
</td>
</tr>
</table>
<form name="input">
<table>
<tr>
<td>
<applet code="com.estarcom.xbean.chart.LineChartApplet"
width=350 height=250 name="LineChart"
archive="xchart-v3_2.jar">
<param name=seriesCount value="4">
<param name=sampleCount value="12">
<param name=sampleValues_0 value="100, 170, 200, 150, 200, 250, 200, 300, 400, 300, 150, 50">
<param name=sampleValues_1 value="200, 150, 100, 100, 200, 350, 300, 400, 500, 600, 400, 200">
<param name=sampleValues_2 value="100, 120, 80, 50, 100, 50, 100, 150, 200, 250, 200, 50">
<param name=sampleValues_3 value="5, 10, 10, 20, 50, 100, 160, 150, 30, 10, 10, 5">
<param name=sampleLabelsOn value=true>
<param name=legendOn value=true>
<param name=valueLinesOn value=true>
<param name=chartTitle value="Fruit sales 1999">
<param name=seriesLabels value="Apples, Oranges, Bananas, Melons">
<param name=sampleLabels value="jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec">
<param name=titleFont value="Arial, bold, 20">
</applet>
</td>
<td valign=top align=left>
<table>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.LineChartApplet.html#valueLabelsOn" target="help">valueLabelsOn</a></td>
<td><input name="valueLabelsOn" type=checkbox onClick=repaint()></td>
</tr>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.LineChartApplet.html#sampleLabelsOn" target="help">sampleLabelsOn</a></td>
<td><input name="sampleLabelsOn" type=checkbox checked onClick=repaint()></td>
</tr>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.LineChartApplet.html#legendOn" target="help">legendOn</a></td>
<td><input name="legendOn" type=checkbox checked onClick=repaint()></td>
</tr>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.LineChartApplet.html#valueLinesOn" target="help">valueLinesOn</a></td>
<td><input name="valueLinesOn" type=checkbox checked onClick=repaint()></td>
</tr>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.LineChartApplet.html#rangeLabelsOff" target="help">rangeLabelsOff</a></td>
<td><input name="rangeLabelsOff" type=checkbox onClick=repaint()></td>
</tr>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.LineChartApplet.html#rangeAdjusterOn" target="help">rangeAdjusterOn</a></td>
<td><input name="rangeAdjusterOn" type=checkbox onClick=repaint()></td>
</tr>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.LineChartApplet.html#autoLabelSpacingOn" target="help">autoLabelSpacingOn</a></td>
<td><input name="autoLabelSpacingOn" type=checkbox onClick=repaint()></td>
</tr>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.LineChartApplet.html#3DModeOn" target="help">3DModeOn</a></td>
<td><input name="Mode3DOn" type=checkbox onClick=repaint()></td>
</tr>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.LineChartApplet.html#stackedOn" target="help">stackedOn</a></td>
<td><input name="stackedOn" type=checkbox onClick=repaint()></td>
</tr>
</table>
</td>
</tr>
</table>
<font face="verdana, arial" size=-2 color="#505050">
Copyright 2000 - eStarCom Inc.
</font>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -