Context Navigation

source: Dev/branches/Cartis/Tiles preview/js/RGraph/libraries/RGraph.common.tooltips.js @ 283

Last change on this file since 283 was 283, checked in by tjcschipper, 13 years ago

Cartis Mockup werkt!

W
I
N
N
I
N
G

File size: 36.2 KB

Line
1	/**
2	* o------------------------------------------------------------------------------o
3	* \| This file is part of the RGraph package - you can learn more at: \|
4	* \| \|
5	* \| http://www.rgraph.net \|
6	* \| \|
7	* \| This package is licensed under the RGraph license. For all kinds of business \|
8	* \| purposes there is a small one-time licensing fee to pay and for non \|
9	* \| commercial purposes it is free to use. You can read the full license here: \|
10	* \| \|
11	* \| http://www.rgraph.net/LICENSE.txt \|
12	* o------------------------------------------------------------------------------o
13	*/
14
15	if (typeof(RGraph) == 'undefined') RGraph = {isRGraph:true,type:'common'};
16
17	/**
18	* This is used in two functions, hence it's here
19	*/
20	RGraph.tooltips = {};
21	RGraph.tooltips.padding = '3px';
22	RGraph.tooltips.font_face = 'Tahoma';
23	RGraph.tooltips.font_size = '10pt';
24
25
26	/**
27	* Shows a tooltip next to the mouse pointer
28	*
29	* @param canvas object The canvas element object
30	* @param text string The tooltip text
31	* @param int x The X position that the tooltip should appear at. Combined with the canvases offsetLeft
32	* gives the absolute X position
33	* @param int y The Y position the tooltip should appear at. Combined with the canvases offsetTop
34	* gives the absolute Y position
35	* @param int idx The index of the tooltip in the graph objects tooltip array
36	*/
37	RGraph.Tooltip = function (canvas, text, x, y, idx)
38	{
39	/**
40	* chart.tooltip.override allows you to totally take control of rendering the tooltip yourself
41	*/
42	if (typeof(canvas.__object__.Get('chart.tooltips.override')) == 'function') {
43	return canvas.__object__.Get('chart.tooltips.override')(canvas, text, x, y, idx);
44	}
45
46	/**
47	* This facilitates the "id:xxx" format
48	*/
49	text = RGraph.getTooltipText(text);
50
51	/**
52	* First clear any exising timers
53	*/
54	var timers = RGraph.Registry.Get('chart.tooltip.timers');
55
56	if (timers && timers.length) {
57	for (i=0; i<timers.length; ++i) {
58	clearTimeout(timers[i]);
59	}
60	}
61	RGraph.Registry.Set('chart.tooltip.timers', []);
62
63	/**
64	* Hide the context menu if it's currently shown
65	*/
66	if (canvas.__object__.Get('chart.contextmenu')) {
67	RGraph.HideContext();
68	}
69	// Redraw the canvas?
70	if (canvas.__object__.Get('chart.tooltips.highlight')) {
71	RGraph.Redraw(canvas.id);
72	}
73
74	var effect = canvas.__object__.Get('chart.tooltips.effect').toLowerCase();
75
76	if (effect == 'snap' && RGraph.Registry.Get('chart.tooltip') && RGraph.Registry.Get('chart.tooltip').__canvas__.id == canvas.id) {
77
78	if ( canvas.__object__.type == 'line'
79	\|\| canvas.__object__.type == 'radar'
80	\|\| canvas.__object__.type == 'scatter'
81	\|\| canvas.__object__.type == 'rscatter'
82	) {
83
84	var tooltipObj = RGraph.Registry.Get('chart.tooltip');
85
86
87	tooltipObj.style.width = null;
88	tooltipObj.style.height = null;
89
90	tooltipObj.innerHTML = text;
91	tooltipObj.__text__ = text;
92
93	/**
94	* Now that the new content has been set, re-set the width & height
95	*/
96	RGraph.Registry.Get('chart.tooltip').style.width = RGraph.getTooltipWidth(text, canvas.__object__) + 'px';
97	RGraph.Registry.Get('chart.tooltip').style.height = RGraph.Registry.Get('chart.tooltip').offsetHeight + 'px';
98
99
100	var currentx = parseInt(RGraph.Registry.Get('chart.tooltip').style.left);
101	var currenty = parseInt(RGraph.Registry.Get('chart.tooltip').style.top);
102
103	var diffx = x - currentx - ((x + RGraph.Registry.Get('chart.tooltip').offsetWidth) > document.body.offsetWidth ? RGraph.Registry.Get('chart.tooltip').offsetWidth : 0);
104	var diffy = y - currenty - RGraph.Registry.Get('chart.tooltip').offsetHeight;
105
106	// Position the tooltip
107	setTimeout('RGraph.Registry.Get("chart.tooltip").style.left = "' + (currentx + (diffx * 0.2)) + 'px"', 25);
108	setTimeout('RGraph.Registry.Get("chart.tooltip").style.left = "' + (currentx + (diffx * 0.4)) + 'px"', 50);
109	setTimeout('RGraph.Registry.Get("chart.tooltip").style.left = "' + (currentx + (diffx * 0.6)) + 'px"', 75);
110	setTimeout('RGraph.Registry.Get("chart.tooltip").style.left = "' + (currentx + (diffx * 0.8)) + 'px"', 100);
111	setTimeout('RGraph.Registry.Get("chart.tooltip").style.left = "' + (currentx + (diffx * 1.0)) + 'px"', 125);
112
113	setTimeout('RGraph.Registry.Get("chart.tooltip").style.top = "' + (currenty + (diffy * 0.2)) + 'px"', 25);
114	setTimeout('RGraph.Registry.Get("chart.tooltip").style.top = "' + (currenty + (diffy * 0.4)) + 'px"', 50);
115	setTimeout('RGraph.Registry.Get("chart.tooltip").style.top = "' + (currenty + (diffy * 0.6)) + 'px"', 75);
116	setTimeout('RGraph.Registry.Get("chart.tooltip").style.top = "' + (currenty + (diffy * 0.8)) + 'px"', 100);
117	setTimeout('RGraph.Registry.Get("chart.tooltip").style.top = "' + (currenty + (diffy * 1.0)) + 'px"', 125);
118
119	} else {
120
121	alert('[TOOLTIPS] The "snap" effect is only supported on the Line, Rscatter, Scatter and Radar charts (tried to use it with type: ' + canvas.__object__.type);
122	}
123
124	/**
125	* Fire the tooltip event
126	*/
127	RGraph.FireCustomEvent(canvas.__object__, 'ontooltip');
128
129	return;
130	}
131
132	/**
133	* Hide any currently shown tooltip
134	*/
135	RGraph.HideTooltip();
136
137
138	/**
139	* Show a tool tip
140	*/
141	var tooltipObj = document.createElement('DIV');
142	tooltipObj.className = canvas.__object__.Get('chart.tooltips.css.class');
143	tooltipObj.style.display = 'none';
144	tooltipObj.style.position = 'absolute';
145	tooltipObj.style.left = 0;
146	tooltipObj.style.top = 0;
147	tooltipObj.style.backgroundColor = 'rgba(255,255,239,0.9)';
148	tooltipObj.style.color = 'black';
149	if (!document.all) tooltipObj.style.border = '';
150	tooltipObj.style.visibility = 'visible';
151	tooltipObj.style.paddingLeft = RGraph.tooltips.padding;
152	tooltipObj.style.paddingRight = RGraph.tooltips.padding;
153	tooltipObj.style.fontFamily = RGraph.tooltips.font_face;
154	tooltipObj.style.fontSize = RGraph.tooltips.font_size;
155	tooltipObj.style.zIndex = 3;
156	tooltipObj.style.borderRadius = '5px';
157	tooltipObj.style.MozBorderRadius = '5px';
158	tooltipObj.style.WebkitBorderRadius = '5px';
159	tooltipObj.style.WebkitBoxShadow = 'rgba(96,96,96,0.5) 0 0 15px';
160	tooltipObj.style.MozBoxShadow = 'rgba(96,96,96,0.5) 0 0 15px';
161	tooltipObj.style.boxShadow = 'rgba(96,96,96,0.5) 0 0 15px';
162	tooltipObj.style.filter = 'progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135)';
163	tooltipObj.style.opacity = 0;
164	tooltipObj.style.overflow = 'hidden';
165	tooltipObj.innerHTML = text;
166	tooltipObj.__text__ = text; // This is set because the innerHTML can change when it's set
167	tooltipObj.__canvas__ = canvas;
168	tooltipObj.style.display = 'inline';
169
170	if (typeof(idx) == 'number') {
171	tooltipObj.__index__ = idx;
172
173	/**
174	* Just for the line chart
175	*/
176	if (canvas.__object__.type == 'line') {
177	var index2 = idx;
178
179	while (index2 >= canvas.__object__.data[0].length) {
180	index2 -= canvas.__object__.data[0].length;
181	}
182
183	tooltipObj.__index2__ = index2;
184	}
185	}
186
187	document.body.appendChild(tooltipObj);
188
189	var width = tooltipObj.offsetWidth;
190	var height = tooltipObj.offsetHeight;
191
192	if ((y - height - 2) > 0) {
193	y = y - height - 2;
194	} else {
195	y = y + 2;
196	}
197
198	/**
199	* Set the width on the tooltip so it doesn't resize if the window is resized
200	*/
201	tooltipObj.style.width = width + 'px';
202	//tooltipObj.style.height = 0; // Initially set the tooltip height to nothing
203
204	/**
205	* If the mouse is towards the right of the browser window and the tooltip would go outside of the window,
206	* move it left
207	*/
208	if ( (x + width) > document.body.offsetWidth ) {
209	x = x - width - 7;
210	var placementLeft = true;
211
212	if (canvas.__object__.Get('chart.tooltips.effect') == 'none') {
213	x = x - 3;
214	}
215
216	tooltipObj.style.left = x + 'px';
217	tooltipObj.style.top = y + 'px';
218
219	} else {
220	x += 5;
221
222	tooltipObj.style.left = x + 'px';
223	tooltipObj.style.top = y + 'px';
224	}
225
226
227	if (effect == 'expand') {
228
229	tooltipObj.style.left = (x + (width / 2)) + 'px';
230	tooltipObj.style.top = (y + (height / 2)) + 'px';
231	leftDelta = (width / 2) / 10;
232	topDelta = (height / 2) / 10;
233
234	tooltipObj.style.width = 0;
235	tooltipObj.style.height = 0;
236	//tooltipObj.style.boxShadow = '';
237	//tooltipObj.style.MozBoxShadow = '';
238	//tooltipObj.style.WebkitBoxShadow = '';
239	//tooltipObj.style.borderRadius = 0;
240	//tooltipObj.style.MozBorderRadius = 0;
241	//tooltipObj.style.WebkitBorderRadius = 0;
242	tooltipObj.style.opacity = 1;
243
244	// Progressively move the tooltip to where it should be (the x position)
245	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) - leftDelta) + 'px' }", 25));
246	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) - leftDelta) + 'px' }", 50));
247	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) - leftDelta) + 'px' }", 75));
248	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) - leftDelta) + 'px' }", 100));
249	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) - leftDelta) + 'px' }", 125));
250	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) - leftDelta) + 'px' }", 150));
251	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) - leftDelta) + 'px' }", 175));
252	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) - leftDelta) + 'px' }", 200));
253	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) - leftDelta) + 'px' }", 225));
254	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) - leftDelta) + 'px' }", 250));
255
256	// Progressively move the tooltip to where it should be (the Y position)
257	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) - topDelta) + 'px' }", 25));
258	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) - topDelta) + 'px' }", 50));
259	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) - topDelta) + 'px' }", 75));
260	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) - topDelta) + 'px' }", 100));
261	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) - topDelta) + 'px' }", 125));
262	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) - topDelta) + 'px' }", 150));
263	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) - topDelta) + 'px' }", 175));
264	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) - topDelta) + 'px' }", 200));
265	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) - topDelta) + 'px' }", 225));
266	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) - topDelta) + 'px' }", 250));
267
268	// Progressively grow the tooltip width
269	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 0.1) + "px'; }", 25));
270	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 0.2) + "px'; }", 50));
271	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 0.3) + "px'; }", 75));
272	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 0.4) + "px'; }", 100));
273	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 0.5) + "px'; }", 125));
274	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 0.6) + "px'; }", 150));
275	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 0.7) + "px'; }", 175));
276	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 0.8) + "px'; }", 200));
277	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 0.9) + "px'; }", 225));
278	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + width + "px'; }", 250));
279
280	// Progressively grow the tooltip height
281	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 0.1) + "px'; }", 25));
282	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 0.2) + "px'; }", 50));
283	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 0.3) + "px'; }", 75));
284	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 0.4) + "px'; }", 100));
285	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 0.5) + "px'; }", 125));
286	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 0.6) + "px'; }", 150));
287	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 0.7) + "px'; }", 175));
288	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 0.8) + "px'; }", 200));
289	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 0.9) + "px'; }", 225));
290	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + height + "px'; }", 250));
291
292	// When the animation is finished, set the tooltip HTML
293	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').innerHTML = RGraph.Registry.Get('chart.tooltip').__text__; }", 250));
294
295	} else if (effect == 'contract') {
296
297	tooltipObj.style.left = (x - width) + 'px';
298	tooltipObj.style.top = (y - (height * 2)) + 'px';
299	tooltipObj.style.cursor = 'pointer';
300
301	leftDelta = width / 10;
302	topDelta = height / 10;
303
304	tooltipObj.style.width = (width * 5) + 'px';
305	tooltipObj.style.height = (height * 5) + 'px';
306
307	tooltipObj.style.opacity = 0.2;
308
309	// Progressively move the tooltip to where it should be (the x position)
310	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) + leftDelta) + 'px' }", 25));
311	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) + leftDelta) + 'px' }", 50));
312	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) + leftDelta) + 'px' }", 75));
313	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) + leftDelta) + 'px' }", 100));
314	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) + leftDelta) + 'px' }", 125));
315	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) + leftDelta) + 'px' }", 150));
316	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) + leftDelta) + 'px' }", 175));
317	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) + leftDelta) + 'px' }", 200));
318	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) + leftDelta) + 'px' }", 225));
319	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = (parseInt(RGraph.Registry.Get('chart.tooltip').style.left) + leftDelta) + 'px' }", 250));
320
321	// Progressively move the tooltip to where it should be (the Y position)
322	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) + (topDelta*2)) + 'px' }", 25));
323	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) + (topDelta*2)) + 'px' }", 50));
324	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) + (topDelta*2)) + 'px' }", 75));
325	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) + (topDelta*2)) + 'px' }", 100));
326	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) + (topDelta*2)) + 'px' }", 125));
327	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) + (topDelta*2)) + 'px' }", 150));
328	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) + (topDelta*2)) + 'px' }", 175));
329	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) + (topDelta*2)) + 'px' }", 200));
330	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) + (topDelta*2)) + 'px' }", 225));
331	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = (parseInt(RGraph.Registry.Get('chart.tooltip').style.top) + (topDelta*2)) + 'px' }", 250));
332
333	// Progressively shrink the tooltip width
334	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 5.5) + "px'; }", 25));
335	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 5.0) + "px'; }", 50));
336	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 4.5) + "px'; }", 75));
337	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 4.0) + "px'; }", 100));
338	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 3.5) + "px'; }", 125));
339	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 3.0) + "px'; }", 150));
340	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 2.5) + "px'; }", 175));
341	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 2.0) + "px'; }", 200));
342	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + (width * 1.5) + "px'; }", 225));
343	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.width = '" + width + "px'; }", 250));
344
345	// Progressively shrink the tooltip height
346	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 5.5) + "px'; }", 25));
347	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 5.0) + "px'; }", 50));
348	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 4.5) + "px'; }", 75));
349	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 4.0) + "px'; }", 100));
350	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 3.5) + "px'; }", 125));
351	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 3.0) + "px'; }", 150));
352	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 2.5) + "px'; }", 175));
353	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 2.0) + "px'; }", 200));
354	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + (height * 1.5) + "px'; }", 225));
355	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.height = '" + height + "px'; }", 250));
356
357	// When the animation is finished, set the tooltip HTML
358	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').innerHTML = RGraph.Registry.Get('chart.tooltip').__text__; }", 250));
359
360	/**
361	* This resets the pointer
362	*/
363	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.cursor = 'default'; }", 275));
364
365	} else if (effect == 'snap') {
366
367	/*******************************************************
368	* Move the tooltip
369	*******************************************************/
370	for (var i=1; i<=10; ++i) {
371	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.left = '" + (x * 0.1 * i) + "px'; }", 15 * i));
372	RGraph.Registry.Get('chart.tooltip.timers').push(setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.top = '" + (y * 0.1 * i) + "px'; }", 15 * i));
373	}
374
375	tooltipObj.style.left = 0 - tooltipObj.offsetWidth + 'px';
376	tooltipObj.style.top = 0 - tooltipObj.offsetHeight + 'px';
377
378	} else if (effect != 'fade' && effect != 'expand' && effect != 'none' && effect != 'snap' && effect != 'contract') {
379	alert('[COMMON] Unknown tooltip effect: ' + effect);
380	}
381
382	if (effect != 'none') {
383	setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.opacity = 0.1; }", 25);
384	setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.opacity = 0.2; }", 50);
385	setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.opacity = 0.3; }", 75);
386	setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.opacity = 0.4; }", 100);
387	setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.opacity = 0.5; }", 125);
388	setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.opacity = 0.6; }", 150);
389	setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.opacity = 0.7; }", 175);
390	setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.opacity = 0.8; }", 200);
391	setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.opacity = 0.9; }", 225);
392	}
393
394	setTimeout("if (RGraph.Registry.Get('chart.tooltip')) { RGraph.Registry.Get('chart.tooltip').style.opacity = 1;}", effect == 'none' ? 50 : 250);
395
396	/**
397	* If the tooltip it self is clicked, cancel it
398	*/
399	tooltipObj.onmousedown = function (e)
400	{
401	e = RGraph.FixEventObject(e)
402	e.stopPropagation();
403	}
404
405	tooltipObj.onclick = function (e)
406	{
407	if (e.button == 0) {
408	e = RGraph.FixEventObject(e);
409	e.stopPropagation();
410	}
411	}
412
413	/**
414	* Install the function for hiding the tooltip.
415	*/
416	document.body.onmousedown = function (event)
417	{
418	var tooltip = RGraph.Registry.Get('chart.tooltip');
419
420	if (tooltip) {
421	RGraph.HideTooltip();
422
423	// Redraw if highlighting is enabled
424	if (tooltip.__canvas__.__object__.Get('chart.tooltips.highlight')) {
425	RGraph.Redraw();
426	}
427	}
428	}
429
430	/**
431	* If the window is resized, hide the tooltip
432	*/
433	window.onresize = function ()
434	{
435	var tooltip = RGraph.Registry.Get('chart.tooltip');
436
437	if (tooltip) {
438	tooltip.parentNode.removeChild(tooltip);
439	tooltip.style.display = 'none';
440	tooltip.style.visibility = 'hidden';
441	RGraph.Registry.Set('chart.tooltip', null);
442
443	// Redraw the graph if necessary
444	if (canvas.__object__.Get('chart.tooltips.highlight')) {
445	RGraph.Clear(canvas);
446	canvas.__object__.Draw();
447	}
448	}
449	}
450
451	/**
452	* Keep a reference to the tooltip
453	*/
454	RGraph.Registry.Set('chart.tooltip', tooltipObj);
455
456	/**
457	* Fire the tooltip event
458	*/
459	RGraph.FireCustomEvent(canvas.__object__, 'ontooltip');
460	}
461
462
463	/**
464	*
465	*/
466	RGraph.getTooltipText = function (text)
467	{
468	var result = /^id:(.*)/.exec(text);
469
470	if (result && result[1] && document.getElementById(result[1])) {
471	text = document.getElementById(result[1]).innerHTML;
472	}
473
474	return text;
475	}
476
477
478	/**
479	*
480	*/
481	RGraph.getTooltipWidth = function (text, obj)
482	{
483	var div = document.createElement('DIV');
484	div.className = obj.Get('chart.tooltips.css.class');
485	div.style.paddingLeft = RGraph.tooltips.padding;
486	div.style.paddingRight = RGraph.tooltips.padding;
487	div.style.fontFamily = RGraph.tooltips.font_face;
488	div.style.fontSize = RGraph.tooltips.font_size;
489	div.style.visibility = 'hidden';
490	div.style.position = 'absolute';
491	div.style.top = '300px';
492	div.style.left = 0;
493	div.style.display = 'inline';
494	div.innerHTML = RGraph.getTooltipText(text);
495	document.body.appendChild(div);
496
497	return div.offsetWidth;
498	}
499
500
501	/**
502	* Hides the currently shown tooltip
503	*/
504	RGraph.HideTooltip = function ()
505	{
506	var tooltip = RGraph.Registry.Get('chart.tooltip');
507
508	if (tooltip) {
509	tooltip.parentNode.removeChild(tooltip);
510	tooltip.style.display = 'none';
511	tooltip.style.visibility = 'hidden';
512	RGraph.Registry.Set('chart.tooltip', null);
513	}
514	}

Note: See TracBrowser for help on using the repository browser.

Download in other formats: