📄 linechartdesigner_form.html
字号:
<head>
<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-2002
// ALL RIGHTS RESERVED, DO NOT COPY
// NOTE: do not change the sequence unless you know what you are doing
// get a reference to the input
var input = document.input;
var chart = parent.chart.document.Chart;
// don't repaint after each setParameter
chart.chart.setAutomaticRepaintOn(false);
// values
chart.setParameter("seriesCount", input.seriesCount.value);
chart.setParameter("sampleCount", input.sampleCount.value);
chart.setParameter("sampleValues_0", input.sampleValues_0.value);
chart.setParameter("sampleValues_1", input.sampleValues_1.value);
chart.setParameter("seriesRange_1", input.seriesRange_1.value);
// labels
chart.setParameter("chartTitle", input.chartTitle.value);
chart.setParameter("titleFont", input.titleFont.value);
chart.setParameter("seriesLabels", input.seriesLabels.value);
chart.setParameter("sampleLabels", input.sampleLabels.value);
chart.setParameter("sampleLabelsOn", input.sampleLabelsOn.checked + "");
chart.setParameter("sampleLabelAngle", input.sampleLabelAngle.value);
chart.setParameter("sampleLabelFont", input.sampleLabelFont.value);
chart.setParameter("valueLabelsOn", input.valueLabelsOn.checked + "");
chart.setParameter("valueLabelAngle", input.valueLabelAngle.value);
chart.setParameter("valueLabelFont", input.valueLabelFont.value);
chart.setParameter("valueLabelPrefix_0", input.valueLabelPrefix_0.value);
chart.setParameter("valueLabelPostfix_0", input.valueLabelPostfix_0.value);
chart.setParameter("sampleDecimalCount_0", input.sampleDecimalCount_0.value);
chart.setParameter("sampleDecimalCount_1", input.sampleDecimalCount_1.value);
chart.setParameter("sampleAxisLabel", input.sampleAxisLabel.value);
chart.setParameter("sampleAxisLabelFont", input.sampleAxisLabelFont.value);
chart.setParameter("seriesLineOff", input.seriesLineOff.value);
// style
chart.setParameter("legendOn", input.legendOn.checked + "");
chart.setParameter("legendPosition", input.legendPosition.value);
chart.setParameter("legendLabels", input.legendLabels.value);
chart.setParameter("legendFont", input.legendFont.value);
chart.setParameter("legendColors", input.legendColors.value);
chart.setParameter("3DModeOn", input.Mode3DOn.checked + "");
chart.setParameter("3DDepth", input.depth3D.value);
chart.setParameter("valueLinesOn", input.valueLinesOn.checked + "");
chart.setParameter("valueLinesColor", input.valueLinesColor.value);
chart.setParameter("defaultGridLinesOn", input.defaultGridLinesOn.checked + "");
chart.setParameter("defaultGridLinesColor", input.defaultGridLinesColor.value);
chart.setParameter("gridLines", input.gridLines.value);
chart.setParameter("gridLineColors", input.gridLineColors.value);
chart.setParameter("sampleAxisRange", input.sampleAxisRange.value);
chart.setParameter("stackedOn", input.stackedOn.checked + "");
chart.setParameter("lineWidth", input.lineWidth.value);
chart.setParameter("sampleScrollerOn", input.sampleScrollerOn.checked + "");
chart.setParameter("visibleSamples", input.visibleSamples.value);
chart.setParameter("sampleHighlightOn", input.sampleHighlightOn.value);
chart.setParameter("sampleHighlightStyle", input.sampleHighlightStyle.value);
chart.setParameter("sampleHighlightSize", input.sampleHighlightSize.value);
// colors
chart.setParameter("sampleColors", input.sampleColors.value);
chart.setParameter("background", input.background.value);
chart.setParameter("foreground", input.foreground.value);
chart.setParameter("chartBackground", input.chartBackground.value);
chart.setParameter("chartForeground", input.chartForeground.value);
// targets and urls
chart.setParameter("targetValueLine_0", input.targetValueLine_0.value);
chart.setParameter("targetValueLine_1", input.targetValueLine_1.value);
chart.setParameter("url_0", input.url_0.value);
chart.setParameter("url_1", input.url_1.value);
// range must come last
chart.setParameter("rangeAxisLabel", input.rangeAxisLabel.value);
chart.setParameter("rangeAxisLabelAngle", input.rangeAxisLabelAngle.value);
chart.setParameter("rangeAxisLabelFont", input.rangeAxisLabelFont.value);
chart.setParameter("rangeLabelFont", input.rangeLabelFont.value);
chart.setParameter("rangeDecimalCount", input.rangeDecimalCount.value);
chart.setParameter("rangeLabelPrefix", input.rangeLabelPrefix.value);
chart.setParameter("rangeLabelPostfix", input.rangeLabelPostfix.value);
chart.setParameter("rangeLabelsOff", input.rangeLabelsOff.checked + "");
chart.setParameter("rangeStep", input.rangeStep.value);
chart.setParameter("range", input.range.value);
chart.setParameter("lowerRange", input.lowerRange.value);
chart.setParameter("rangeAdjusterOn", input.rangeAdjusterOn.checked + "");
chart.setParameter("rangeAdjusterPosition", input.rangeAdjusterPosition.value);
chart.setParameter("rangeOn_2", input.rangeOn_2.checked + "");
chart.setParameter("rangeStep_2", input.rangeStep_2.value);
chart.setParameter("range_2", input.range_2.value);
chart.setParameter("lowerRange_2", input.lowerRange_2.value);
chart.setParameter("rangeAxisLabel_2", input.rangeAxisLabel_2.value);
chart.setParameter("rangeAxisLabelAngle_2", input.rangeAxisLabelAngle_2.value);
chart.setParameter("rangeDecimalCount_2", input.rangeDecimalCount_2.value);
chart.setParameter("rangeAdjusterOn_2", input.rangeAdjusterOn_2.checked + "");
chart.setParameter("rangeAdjusterPosition_2", input.rangeAdjusterPosition_2.value);
// repaint the chart
chart.chart.repaint();
// construct the applet code
appletcode = "<applet code=com.objectplanet.chart.LineChartApplet\n";
appletcode += "width=400 height=250 archive=chart.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("seriesRange_1", input.seriesRange_1.value);
// range
appletcode += GetCode("range", input.range.value);
appletcode += GetCode("lowerRange", input.lowerRange.value);
appletcode += GetCode("rangeStep", input.rangeStep.value);
appletcode += GetBoolCode("rangeAdjusterOn", input.rangeAdjusterOn.checked);
appletcode += GetCode("rangeAdjusterPosition", input.rangeAdjusterPosition.value);
appletcode += GetCode("rangeAxisLabel", input.rangeAxisLabel.value);
appletcode += GetCode("rangeAxisLabelAngle", input.rangeAxisLabelAngle.value);
appletcode += GetCode("rangeAxisLabelFont", input.rangeAxisLabelFont.value);
appletcode += GetCode("rangeLabelFont", input.rangeLabelFont.value);
appletcode += GetCode("rangeDecimalCount", input.rangeDecimalCount.value);
appletcode += GetCode("rangeLabelPrefix", input.rangeLabelPrefix.value);
appletcode += GetCode("rangeLabelPostfix", input.rangeLabelPostfix.value);
appletcode += GetBoolCode("rangeLabelsOff", input.rangeLabelsOff.checked);
appletcode += GetBoolCode("rangeOn_2", input.rangeOn_2.checked);
appletcode += GetCode("range_2", input.range_2.value);
appletcode += GetCode("lowerRange_2", input.lowerRange_2.value);
appletcode += GetCode("rangeStep_2", input.rangeStep_2.value);
appletcode += GetBoolCode("rangeAdjusterOn_2", input.rangeAdjusterOn_2.checked);
appletcode += GetCode("rangeAdjusterPosition_2", input.rangeAdjusterPosition_2.value);
appletcode += GetCode("rangeAxisLabel_2", input.rangeAxisLabel_2.value);
appletcode += GetCode("rangeAxisLabelAngle_2", input.rangeAxisLabelAngle_2.value);
appletcode += GetCode("rangeDecimalCount_2", input.rangeDecimalCount_2.value);
// labels
appletcode += GetCode("chartTitle", input.chartTitle.value);
appletcode += GetCode("titleFont", input.titleFont.value);
appletcode += GetCode("seriesLabels", input.seriesLabels.value);
appletcode += GetCode("sampleLabels", input.sampleLabels.value);
appletcode += GetBoolCode("sampleLabelsOn", input.sampleLabelsOn.checked);
appletcode += GetCode("sampleLabelAngle", input.sampleLabelAngle.value);
appletcode += GetCode("sampleLabelFont", input.sampleLabelFont.value);
appletcode += GetBoolCode("valueLabelsOn", input.valueLabelsOn.checked);
appletcode += GetCode("valueLabelAngle", input.valueLabelAngle.value);
appletcode += GetCode("valueLabelFont", input.valueLabelFont.value);
appletcode += GetCode("valueLabelPrefix_0", input.valueLabelPrefix_0.value);
appletcode += GetCode("valueLabelPostfix_0", input.valueLabelPostfix_0.value);
appletcode += GetCode("sampleDecimalCount_0", input.sampleDecimalCount_0.value);
appletcode += GetCode("sampleDecimalCount_1", input.sampleDecimalCount_1.value);
appletcode += GetCode("sampleAxisLabel", input.sampleAxisLabel.value);
appletcode += GetCode("sampleAxisLabelFont", input.sampleAxisLabelFont.value);
// style
appletcode += GetBoolCode("legendOn", input.legendOn.checked);
appletcode += GetCode("legendPosition", input.legendPosition.value);
appletcode += GetCode("legendLabels", input.legendLabels.value);
appletcode += GetCode("legendFont", input.legendFont.value);
appletcode += GetCode("legendColors", input.legendColors.value);
appletcode += GetBoolCode("3DModeOn", input.Mode3DOn.checked);
appletcode += GetCode("3DDepth", input.depth3D.value);
appletcode += GetBoolCode("valueLinesOn", input.valueLinesOn.checked);
appletcode += GetCode("valueLinesColor", input.valueLinesColor.value);
appletcode += GetBoolCode("defaultGridLinesOn", input.defaultGridLinesOn.checked);
appletcode += GetCode("defaultGridLinesColor", input.defaultGridLinesColor.value);
appletcode += GetCode("gridLines", input.gridLines.value);
appletcode += GetCode("gridLineColors", input.gridLineColors.value);
appletcode += GetCode("sampleAxisRange", input.sampleAxisRange.value);
appletcode += GetBoolCode("stackedOn", input.stackedOn.checked);
appletcode += GetCode("lineWidth", input.lineWidth.value);
appletcode += GetBoolCode("sampleScrollerOn", input.sampleScrollerOn.checked);
appletcode += GetCode("visibleSamples", input.visibleSamples.value);
// colors
appletcode += GetCode("sampleColors", input.sampleColors.value);
appletcode += GetCode("background", input.background.value);
appletcode += GetCode("foreground", input.foreground.value);
appletcode += GetCode("chartBackground", input.chartBackground.value);
appletcode += GetCode("chartForeground", input.chartForeground.value);
// 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 += "</applet>";
parent.chart.output.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 "";
}
function complex() {
var input = document.input;
input.seriesCount.value = "2";
input.sampleCount.value = "";
input.sampleValues_0.value = "321,425,657,679,880";
input.sampleValues_1.value = "1331,2331,3345,4834,7434";
input.seriesRange_1.value = "2";
input.range.value = "";
input.range_2.value= "";
input.lowerRange.value = "";
input.lowerRange_2.value = "";
input.rangeStep.value = "100";
input.rangeStep_2.value = "10000";
input.rangeAxisLabel.value = "Million Dollars";
input.rangeAxisLabel_2.value = "Customers";
input.rangeAxisLabelAngle.value = "270";
input.rangeAxisLabelAngle_2.value = "90";
input.rangeLabelFont.value = "";
input.rangeAxisLabelFont.value = "Dialog,bold,14";
input.rangeDecimalCount.value = "";
input.rangeDecimalCount_2.value = "";
input.rangeLabelPrefix.value = "$";
input.rangeLabelPostfix.value = "";
input.rangeAdjusterOn.checked = true;
input.rangeAdjusterOn_2.checked = true;
input.rangeAdjusterPosition.value = "left";
input.rangeAdjusterPosition_2.value = "";
input.rangeOn_2.checked = true;
input.rangeLabelsOff.checked = false;
input.chartTitle.value = "Software sales";
input.titleFont.value = "Courier, bold, 20";
input.seriesLabels.value = "Revenue,Customers";
input.sampleLabels.value = "1996,1997,1998,1999,2000";
input.sampleLabelsOn.checked = true;
input.sampleLabelAngle.value = "";
input.sampleLabelFont.value = "";
input.valueLabelsOn.checked = true;
input.sampleDecimalCount_0.value = "";
input.sampleDecimalCount_1.value = "";
input.valueLabelAngle.value = "";
input.valueLabelPrefix_0.value = "$";
input.valueLabelPostfix_0.value = "";
input.valueLabelFont.value = "";
input.legendOn.checked = true;
input.legendPosition.value = "bottom";
input.legendLabels.value = "";
input.legendFont.value = "";
input.legendColors.value = "";
input.sampleAxisLabel.value = "";
input.sampleAxisLabelFont.value = "";
input.Mode3DOn.checked = false;
input.depth3D.value = "";
input.valueLinesOn.checked = true;
input.valueLinesColor.value = "";
input.defaultGridLinesOn.checked = true;
input.defaultGridLinesColor.value = "";
input.gridLines.value = "";
input.gridLineColors.value = "";
input.sampleAxisRange.value = "";
input.stackedOn.checked = false;
input.lineWidth.value = "3";
input.sampleScrollerOn.checked = false;
input.visibleSamples.value = "";
input.sampleHighlightOn.value = "";
input.sampleHighlightStyle.value = "";
input.sampleHighlightSize.value = "";
input.seriesLineOff.value = "";
input.sampleColors.value = "red, #ffa000";
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();
}
function simple() {
var input = document.input;
input.seriesCount.value = "";
input.sampleCount.value = "";
input.sampleValues_0.value = "321,425,657,679,880";
input.sampleValues_1.value = "";
input.seriesRange_1.value = "";
input.range.value = "";
input.range_2.value= "";
input.lowerRange.value = "";
input.lowerRange_2.value = "";
input.rangeStep.value = "";
input.rangeStep_2.value = "";
input.rangeAxisLabel.value = "";
input.rangeAxisLabel_2.value = "";
input.rangeAxisLabelAngle.value = "";
input.rangeAxisLabelAngle_2.value = "";
input.rangeLabelFont.value = "";
input.rangeAxisLabelFont.value = "";
input.rangeDecimalCount.value = "";
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -