📄 overlay.html
字号:
<br>
<b>2. Multiple Overlays</b>
<br>
You can overlay multiple overlay charts by adding an index to the
overlay parameter.
<p>
<b>Applet:</b>
<p>
<code><font size=-0>
<img src="images/overlay/bar_bar_line.gif" width=200 height=140 align=right>
<applet code=com.objectplanet.chart.ChartApplet<br>
archive=chart.jar width=200 height=140><br>
<param name=chart value="bar"><br>
<param name=sampleValues value="10,20,30,40,50"><br>
<param name=barWidth value="0.6"><br>
<param name=<b>overlay0</b> value="<b>bar</b>"><br>
<param name=overlay0_sampleValues value="28,46,34,45,37"><br>
<param name=overlay0_sampleColors value="red"><br>
<param name=overlay0_barWidth value="0.3"><br>
<param name=<b>overlay1</b> value="<b>line</b>"><br>
<param name=overlay1_sampleValues value="16,18,24,35,27"><br>
<param name=overlay1_sampleColors value="orange"><br>
<param name=overlay1_stackedOn value="true"><br>
</applet>
</font></code>
<p>
<b>Servlet:</b>
<p>
<code><font size=-0>
<img src="http://localhost:8080/servlet/com.objectplanet.chart.ChartServlet?<br>
chart=bar&<br>
width=200&<br>
height=140&<br>
sampleValues=10,20,30,40,50&<br>
barWidth=0.6&<br>
<b>overlay0=bar</b>&<br>
overlay0_sampleValues=28,46,34,45,37&<br>
overlay0_sampleColors=red&<br>
overlay0_barWidth=0.3&<br>
<b>overlay1=line</b>&<br>
overlay1_sampleValues=16,18,24,35,27&<br>
overlay1_sampleColors=orange&<br>
overlay1_stackedOn=true&<br>
">
</font></code>
<p>
<b>Java:</b>
<font size=-0>
<pre>
// create base chart
double[] values = new double[] {10,20,30,40,50};
BarChart base = new BarChart();
base.setSampleCount(values.length);
base.setSampleValues(0, values);
base.setRange(0,50);
base.setBarWidth(0.6);
// create the first overlay chart
double[] overlay0_values = new double[] {28,46,34,45,37};
BarChart overlay0 = new BarChart();
overlay0.setSampleCount(overlay_values.length);
overlay0.setSampleValues(0, overlay0_values);
overlay0.setSampleColor(0, Color.red);
overlay0.setBarWidth(0.3);
// create the second overlay chart
double[] overlay1_values = new double[] {16,18,24,35,27};
LineChart overlay1 = new LineChart();
overlay1.setSampleCount(overlay_values.length);
overlay1.setSampleValues(0, overlay1_values);
overlay1.setSampleColor(0, Color.orange);
overlay1.setStackedOn(true);
// add overlay charts
int overlay0_index = base.addOverlayChart(overlay0);
int overlay1_index = base.addOverlayChart(overlay1);
</pre>
</font>
<p>
Each overlay chart added is given an index. You can use this
index to control the individual overlays:
<p>
<code><font size=-0>
removeOverlayChart(int index);<br>
setOverlayChart(int index, Chart chart);<br>
getOverlayChart(int index);<br>
setOverlayChartOn(int index, boolean on);<br>
isOverlayChartOn(int index);
</font></code>
<p>
<a name="double_ranges">
<br>
<b>3. Double Ranges</b>
<br>
An overlay chart can use another range than the base chart. The ranges
are controlled from the base chart and the overlay chart is configured
to use a second range.
<p>
<b>Applet:</b>
<p>
<img src="images/overlay/double_ranges.gif" width=200 height=140 align=right>
<code><font size=-0>
<applet code=com.objectplanet.chart.ChartApplet<br>
archive=chart.jar width=200 height=140><br>
<param name=chart value="bar"><br>
<param name=sampleValues value="10,20,30,40,50"><br>
<param name=rangePosition value=left><br>
<param name=rangeColor value=blue><br>
<param name=<b>rangeOn_2</b> value=true><br>
<param name=rangeColor_2 value=red><br>
<param name=rangeStep_2 value=100><br>
<param name=overlay value="line"><br>
<param name=overlay_sampleValues value="623,765,176,825,438"><br>
<param name=<b>overlay_seriesRange_0</b> value="<b>2</b>"><br>
<param name=overlay_sampleColors value="red"><br>
</applet>
</font></code>
<p>
<b>Servlet:</b>
<p>
<code><font size=-0>
<img src="http://localhost:8080/servlet/com.objectplanet.chart.ChartServlet?<br>
chart=bar&<br>
width=200&<br>
height=140&<br>
sampleValues=10,20,30,40,50&<br>
rangePosition=left&<br>
rangeColor=blue&<br>
<b>rangeOn_2=true</b>&<br>
rangeColor_2=red&<br>
rangeStep_2=100&<br>
overlay=line&<br>
overlay_sampleValues=623,765,176,825,438&<br>
<b>overlay_seriesRange_0=2</b>&<br>
overlay_sampleColors=red&<br>
">
</font></code>
<p>
<b>Java:</b>
<p>
<font size=-0>
<pre>
// create the base chart
double[] values = new double[] {10,20,30,40,50};
BarChart base = new BarChart();
base.setSampleCount(values.length);
base.setSampleValues(0, values);
base.setRange(0,50);
base.setRangePosition(0, 0); // range 0 on the left side
base.setRangeColor(0, Color.blue);
base.setRangeOn(1, true); // turn on second range
base.setRangeColor(1, Color.red);
// create the overlay chart
double[] overlay_values = new double[] {623,765,176,825,438};
LineChart overlay = new LineChart();
overlay.setSampleCount(overlay_values.length);
overlay.setSampleValues(0, overlay_values);
overlay.setSampleColor(0, Color.red);
// configure the overlay chart's first series adjust
// itself with the second range of the base chart
overlay.setSeriesRange(0, 2);
// add overlay chart, and set its upper range
base.addOverlayChart(overlay);
base.setRelativeRange(1, 1.0, 100);
</pre>
</font>
<p>
<a name="complex_overlay_chart">
<br>
<b>4. Complex Overlay Chart</b>
<br>
Here is a complex overlay chart example with many of the different
chart features set and configured.
<p>
<code><font size=-0>
<applet code=com.objectplanet.chart.ChartApplet<br>
archive=chart.jar width=700 height=350><br>
<param name=chart value="bar"><br>
<param name="sampleValues_0" value="4,2,6,12,15,14,24,32,32,44,37,64,<br>
59,47,62,73,60,44,61,75,58"><br>
<param name="seriesRange_0" value="2"><br>
<param name="sampleLabels" value="jul 1999,aug 1999,sep 1999,oct 1999,nov 1999,<br>
dec 1999,jan 2000,feb 2000,mar 2000,apr 2000,may 2000,jun 2000,jul 2000,<br>
aug 2000,sep 2000,oct 2000,nov 2000,dec 2000,jan 2001,feb 2001,mar 2001"><br>
<param name="sampleColors" value="blue, red"><br>
<param name="valueLabelsOn" value="true"><br>
<param name="valueLabelStyle" value="inside"><br>
<param name="barLabelsOn" value="true"><br>
<param name="barLabelAngle" value="270"><br>
<param name="valueLinesOn" value="true"><br>
<param name="chartTitle" value="Bike Sales"><br>
<param name="legendOn" value="true"><br>
<param name="legendPosition" value="top"><br>
<param name="legendLabels" value="Count,Sales"><br>
<param name="rangeOn_2" value="true"><br>
<param name="rangeStep" value="1000"><br>
<param name="rangeStep_2" value="10"><br>
<param name="rangePosition" value="right"><br>
<param name="rangePosition_2" value="left"><br>
<param name="rangeAxisLabel" value="US Dollars"><br>
<param name="rangeAxisLabelFont" value="Verdana, bold, 16"><br>
<param name="rangeAxisLabelAngle" value="90"><br>
<param name="rangeAxisLabel_2" value="Number of sales"><br>
<param name="rangeAxisLabelAngle_2" value="270"><br>
<param name="rangeLabelPrefix" value="$"><br>
<param name="multiSeriesOn" value="true"><br>
<param name="barWidth" value="0.6"><br>
<param name="barOutlineOff" value="true"><br>
<param name="overlay" value="line"><br>
<param name="overlay_seriesCount" value="2"><br>
<param name="overlay_sampleValues_1" value="1247,648,1794,2238,3185,3997,4176,9247,<br>
8465,14982,12263,21847,23515,18344,20765,25047,18616,16327,19746,22547,11074"><br>
<param name="overlay_sampleColors" value="red"><br>
<param name="overlay_valueLabelsOn" value="true"><br>
<param name="overlay_sampleHighlightOn" value="true"><br>
<param name="overlay_sampleHighlightStyle" value="circle_opaque"><br>
<param name="overlay_lineWidth" value="4"><br>
</applet>
</font></code>
<p><img src="images/overlay/complex.gif" width=700 height=350>
</td>
</tr>
</table>
<p><br>
<hr size=1 color="#c0c0c0">
<font face="verdana,arial,helvetica" size=-2><center>
Copyright (C) 1998-2004 ObjectPlanet, Inc.<br>
phone (+47) 2233 3360 fax (+47) 2233 3361<br>
</center>
</font>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -