1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
|
<%@page import="org.jCharts.demo.simpleServlet.ChartServlet" %>
<%@page import="org.jCharts.imageMap.*" %>
<%@page import="java.util.Iterator" %>
<%
/**************************************************************************************
* Copyright 2002 (C) Nathaniel G. Auvil. All Rights Reserved.
*
* Redistribution and use of this software and associated documentation
* ("Software"), with or without modification, are permitted provided
* that the following conditions are met:
*
* 1. Redistributions of source code must retain copyright
* statements and notices. Redistributions must also contain a
* copy of this document.
*
* 2. Redistributions in binary form must reproduce the
* above copyright notice, this list of conditions and the
* following disclaimer in the documentation and/or other
* materials provided with the distribution.
*
* 3. The name "jCharts" or "Nathaniel G. Auvil" must not be used to
* endorse or promote products derived from this Software without
* prior written permission of Nathaniel G. Auvil. For written
* permission, please contact nathaniel_auvil@users.sourceforge.net
*
* 4. Products derived from this Software may not be called "jCharts"
* nor may "jCharts" appear in their names without prior written
* permission of Nathaniel G. Auvil. jCharts is a registered
* trademark of Nathaniel G. Auvil.
*
* 5. Due credit should be given to the jCharts Project
* (http://jcharts.sourceforge.net/).
*
* THIS SOFTWARE IS PROVIDED BY Nathaniel G. Auvil AND CONTRIBUTORS
* ``AS IS'' AND ANY EXPRESSED OR IMPLIED WARRANTIES, INCLUDING, BUT
* NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
* FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL
* jCharts OR ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT,
* INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
* SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
* HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,
* STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
* ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
**********************************************************************************/
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>jCharts - Client-side Image Map Demo</title>
<script language="JavaScript">
/*******************************************************************/
function showValues( value, legendLabel, xAxisLabel )
{
if( xAxisLabel != 'null' )
{
alert( "value= " + value + "\nlegend label= " + legendLabel + "\naxis label= " + xAxisLabel );
}
else
{
alert( "value= " + value + "\nlegend label= " + legendLabel );
}
}
</script>
</head>
<body leftmargin=5 topmargin=0>
<table width="100%" bgcolor="Black">
<tr>
<td><img src="jChartsTitle.png" width=200 height=65 border=0 alt=""></td>
</tr>
<tr>
<td style="font-family: 'Arial Narrow'; color: White; font-size: 14pt;"> Client-side Image Map Demo</td>
</tr>
</table>
<br/><br/>
<table border="1" cellspacing="10" cellpadding="10">
<tr>
<td bgcolor="Silver"><img border="0" src="ChartServlet" useMap="#chartMap"></td>
</tr>
</table>
<map name="chartMap">
<%
StringBuffer html= new StringBuffer( 100 );
ImageMap imageMap= (ImageMap) request.getAttribute( ChartServlet.IMAGE_MAP );
Iterator iterator= imageMap.getIterator();
while( iterator.hasNext() )
{
ImageMapArea imageMapArea= (ImageMapArea) iterator.next();
html.append( "href=\"javascript:showValues(" );
html.append( imageMapArea.getValue() );
html.append( ",'" );
html.append( imageMapArea.getLengendLabel() );
html.append( "','" );
html.append( imageMapArea.getXAxisLabel() );
html.append( "');\"" );
%>
<%= imageMapArea.toHTML( html.toString() ) %>
<%
//---reuse same StringBuffer Object
html.delete( 0, html.length() );
}
%>
</map>
<br/><br/>
Click on the chart to see the values.<br/><br/>
This is a trivial example of what is possible.
For example, you could create a <b>mouseOver</b> function to show the values when the mouse simply moves over the chart.
Or, you could use this to drill down into charts. Or you could link to other pages... There are many things one could do...
<br/><br/>
I will leave the rest to your imagination and your html coder...
</body>
</html>
|
