📄 piechartdesigner.html
字号:
<!-- saved from url=(0022)http://internet.e-mail -->
<head>
<title>PieChart Designer</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<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
// NOTE: do not change the sequence unless you know what you are doing
// get a reference to the input
var input = document.input;
// don't repaint after each setParameter
document.PieChart.chart.setAutomaticRepaintOn(false);
// values
document.PieChart.setParameter("seriesCount", input.seriesCount.value);
document.PieChart.setParameter("sampleCount", input.sampleCount.value);
document.PieChart.setParameter("sampleValues_0", input.sampleValues_0.value);
document.PieChart.setParameter("sampleValues_1", input.sampleValues_1.value);
document.PieChart.setParameter("sampleValues_2", input.sampleValues_2.value);
// labels
document.PieChart.setParameter("chartTitle", input.chartTitle.value);
document.PieChart.setParameter("labelDelimiter", input.labelDelimiter.value);
document.PieChart.setParameter("seriesLabels", input.seriesLabels.value);
document.PieChart.setParameter("sampleLabels", input.sampleLabels.value);
document.PieChart.setParameter("valueLabelPrefix", input.valueLabelPrefix.value);
document.PieChart.setParameter("valueLabelPostfix", input.valueLabelPostfix.value);
// style
document.PieChart.setParameter("legendPosition", input.legendPosition.value);
document.PieChart.setParameter("angle", input.angle.value);
document.PieChart.setParameter("depth", input.depth.value);
document.PieChart.setParameter("selectionStyle", input.selectionStyle.value);
document.PieChart.setParameter("detachedDistance", input.detachedDistance.value);
document.PieChart.setParameter("sampleDecimalCount", input.sampleDecimalCount.value);
document.PieChart.setParameter("percentDecimalCount", input.percentDecimalCount.value);
document.PieChart.setParameter("graphInsets", input.graphInsets.value);
// colors
document.PieChart.setParameter("sampleColors", input.sampleColors.value);
document.PieChart.setParameter("seriesLabelColors", input.seriesLabelColors.value);
document.PieChart.setParameter("sampleLabelColors", input.sampleLabelColors.value);
document.PieChart.setParameter("sliceSeperatorColor", input.sliceSeperatorColor.value);
document.PieChart.setParameter("background", input.background.value);
document.PieChart.setParameter("foreground", input.foreground.value);
// fonts
document.PieChart.setParameter("font", input.font.value);
document.PieChart.setParameter("titleFont", input.titleFont.value);
document.PieChart.setParameter("legendFont", input.legendFont.value);
document.PieChart.setParameter("pieLabelFont", input.pieLabelFont.value);
document.PieChart.setParameter("floatingLabelFont", input.floatingLabelFont.value);
// turn features on or off
document.PieChart.setParameter("valueLabelsOn", input.valueLabelsOn.checked + "");
document.PieChart.setParameter("sampleLabelsOn", input.sampleLabelsOn.checked + "");
document.PieChart.setParameter("percentLabelsOn", input.percentLabelsOn.checked + "");
document.PieChart.setParameter("pieLabelsOn", input.pieLabelsOn.checked + "");
document.PieChart.setParameter("legendOn", input.legendOn.checked + "");
document.PieChart.setParameter("3DModeOn", input.Mode3DOn.checked + "");
document.PieChart.setParameter("sliceSeperatorOn", input.sliceSeperatorOn.checked + "");
// url connections
document.PieChart.setParameter("url_0", input.url_0.value);
document.PieChart.setParameter("url_1", input.url_1.value);
document.PieChart.setParameter("url_2", input.url_2.value);
document.PieChart.setParameter("url_3", input.url_3.value);
document.PieChart.setParameter("url_4", input.url_4.value);
document.PieChart.setParameter("urltarget", input.urltarget.value);
document.PieChart.setParameter("urltarget_0", input.urltarget_0.value);
document.PieChart.setParameter("urltarget_1", input.urltarget_1.value);
document.PieChart.setParameter("urltarget_2", input.urltarget_2.value);
document.PieChart.setParameter("urltarget_3", input.urltarget_3.value);
document.PieChart.setParameter("urltarget_4", input.urltarget_4.value);
document.PieChart.chart.setAutomaticRepaintOn(true);
document.PieChart.chart.repaint();
// construct the applet code
appletcode = "<applet code=com.estarcom.xbean.chart.PieChartApplet\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);
// 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("valueLabelPrefix", input.valueLabelPrefix.value);
appletcode += GetCode("valueLabelPostfix", input.valueLabelPostfix.value);
// style
appletcode += GetCode("legendPosition", input.legendPosition.value);
appletcode += GetCode("angle", input.angle.value);
appletcode += GetCode("depth", input.depth.value);
appletcode += GetCode("selectionStyle", input.selectionStyle.value);
appletcode += GetCode("detachedDistance", input.detachedDistance.value);
appletcode += GetCode("sampleDecimalCount", input.sampleDecimalCount.value);
appletcode += GetCode("percentDecimalCount", input.percentDecimalCount.value);
appletcode += GetCode("graphInsets", input.graphInsets.value);
// colors
appletcode += GetCode("sampleColors", input.sampleColors.value);
appletcode += GetCode("seriesLabelColors", input.seriesLabelColors.value);
appletcode += GetCode("sampleLabelColors", input.sampleLabelColors.value);
appletcode += GetCode("sliceSeperatorColor", input.sliceSeperatorColor.value);
appletcode += GetCode("background", input.background.value);
appletcode += GetCode("foreground", input.foreground.value);
// fonts
appletcode += GetCode("font", input.font.value);
appletcode += GetCode("titleFont", input.titleFont.value);
appletcode += GetCode("legendFont", input.legendFont.value);
appletcode += GetCode("pieLabelFont", input.pieLabelFont.value);
appletcode += GetCode("floatingLabelFont", input.floatingLabelFont.value);
// features on/off
appletcode += GetBoolCode("valueLabelsOn", input.valueLabelsOn.checked);
appletcode += GetBoolCode("sampleLabelsOn", input.sampleLabelsOn.checked);
appletcode += GetBoolCode("percentLabelsOn", input.percentLabelsOn.checked);
appletcode += GetBoolCode("pieLabelsOn", input.pieLabelsOn.checked);
appletcode += GetBoolCode("legendOn", input.legendOn.checked);
appletcode += GetBoolCode("3DModeOn", input.Mode3DOn.checked);
appletcode += GetBoolCode("sliceSeperatorOn", input.sliceSeperatorOn.checked);
// urls
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("url_4", input.url_4.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 += GetCode("urltarget_4", input.urltarget_4.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">
PIECHART 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 pie chart applet. Set the
chart values in the form and the chart will update by
clicking the refresh button.
<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.PieChartApplet"
width=350 height=250 name="PieChart"
archive="xchart-v3_2.jar" VIEWASTEXT>
<param name=seriesCount value=3>
<param name=sampleValues_0 value="200, 300, 400, 300">
<param name=sampleValues_1 value="300, 400, 500, 600">
<param name=sampleValues_2 value="160, 150, 130, 100">
<param name=valueLabelsOn value=true>
<param name=sampleLabelsOn value=true>
<param name=percentLabelsOn value=true>
<param name=pieLabelsOn value=true>
<param name=legendOn value=true>
<param name=chartTitle value="Fruit sales">
<param name=sampleColors value="red, orange, yellow">
<param name=seriesLabels value="Apples, Oranges, Bananas">
<param name=sampleLabels value="1996, 1997, 1998, 1999">
<param name=titleFont value="Courier, bold, 20">
<param name=automaticRefreshTime value=1000>
</applet>
</td>
<td valign=top align=left>
<table>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.PieChartApplet.html#valueLabelsOn" target="help">valueLabelsOn</a></td>
<td><input name="valueLabelsOn" type=checkbox checked onClick=repaint()></td>
</tr>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.PieChartApplet.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.PieChartApplet.html#percentLabelsOn" target="help">percentLabelsOn</a></td>
<td><input name="percentLabelsOn" type=checkbox checked onClick=repaint()></td>
</tr>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.PieChartApplet.html#pieLabelsOn" target="help">pieLabelsOn</a></td>
<td><input name="pieLabelsOn" type=checkbox checked onClick=repaint()></td>
</tr>
<tr>
<td align=right><a href="com.estarcom.xbean.chart.PieChartApplet.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.PieChartApplet.html#3DModeOn" target="help">3DModeOn</a></td>
<td><input name="Mode3DOn" type=checkbox onClick=repaint()></td>
</tr>
<tr>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -