graphael-rails 0.1.4 → 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/Gemfile.lock +41 -6
- data/VERSION +1 -1
- data/graphael-rails.gemspec +7 -47
- metadata +16 -59
- data/vendor/assets/javascripts/g.raphael/README.markdown +0 -21
- data/vendor/assets/javascripts/g.raphael/docs/blueprint-min.png +0 -0
- data/vendor/assets/javascripts/g.raphael/docs/dr-print.css +0 -218
- data/vendor/assets/javascripts/g.raphael/docs/dr.css +0 -404
- data/vendor/assets/javascripts/g.raphael/docs/reference.html +0 -350
- data/vendor/assets/javascripts/g.raphael/docs/reference.js +0 -35
- data/vendor/assets/javascripts/g.raphael/g.bar.js +0 -621
- data/vendor/assets/javascripts/g.raphael/g.dot.js +0 -156
- data/vendor/assets/javascripts/g.raphael/g.line.js +0 -329
- data/vendor/assets/javascripts/g.raphael/g.pie.js +0 -255
- data/vendor/assets/javascripts/g.raphael/g.raphael.js +0 -887
- data/vendor/assets/javascripts/g.raphael/g.raphael.json +0 -9
- data/vendor/assets/javascripts/g.raphael/min/g.bar-min.js +0 -7
- data/vendor/assets/javascripts/g.raphael/min/g.dot-min.js +0 -7
- data/vendor/assets/javascripts/g.raphael/min/g.line-min.js +0 -7
- data/vendor/assets/javascripts/g.raphael/min/g.pie-min.js +0 -1
- data/vendor/assets/javascripts/g.raphael/min/g.raphael-min.js +0 -7
- data/vendor/assets/javascripts/g.raphael/raphael-min.js +0 -9
- data/vendor/assets/javascripts/g.raphael/test/barchart.html +0 -37
- data/vendor/assets/javascripts/g.raphael/test/barchart2.html +0 -51
- data/vendor/assets/javascripts/g.raphael/test/brightness.html +0 -47
- data/vendor/assets/javascripts/g.raphael/test/css/demo-print.css +0 -17
- data/vendor/assets/javascripts/g.raphael/test/css/demo.css +0 -21
- data/vendor/assets/javascripts/g.raphael/test/dotchart.html +0 -35
- data/vendor/assets/javascripts/g.raphael/test/images/bg.png +0 -0
- data/vendor/assets/javascripts/g.raphael/test/images/bgbg.png +0 -0
- data/vendor/assets/javascripts/g.raphael/test/linechart.html +0 -66
- data/vendor/assets/javascripts/g.raphael/test/piechart.html +0 -26
- data/vendor/assets/javascripts/g.raphael/test/piechart2.html +0 -46
- data/vendor/assets/javascripts/g.raphael/test/tooltips.html +0 -85
- data/vendor/assets/javascripts/raphael/README.markdown +0 -3
- data/vendor/assets/javascripts/raphael/history.md +0 -82
- data/vendor/assets/javascripts/raphael/license.txt +0 -21
- data/vendor/assets/javascripts/raphael/make +0 -45
- data/vendor/assets/javascripts/raphael/raphael-min.js +0 -10
- data/vendor/assets/javascripts/raphael/raphael.core.js +0 -5189
- data/vendor/assets/javascripts/raphael/raphael.js +0 -5815
- data/vendor/assets/javascripts/raphael/raphael.svg.js +0 -1360
- data/vendor/assets/javascripts/raphael/raphael.vml.js +0 -973
- data/vendor/assets/javascripts/raphael/reference.html +0 -2489
- data/vendor/assets/javascripts/raphael/reference.js +0 -248
@@ -1,404 +0,0 @@
|
|
1
|
-
html, body {
|
2
|
-
height: 100%;
|
3
|
-
margin: 0;
|
4
|
-
padding: 0;
|
5
|
-
}
|
6
|
-
#dr-js {
|
7
|
-
background: #999;
|
8
|
-
margin: 0;
|
9
|
-
padding: 0;
|
10
|
-
overflow-y: hidden;
|
11
|
-
}
|
12
|
-
#src-dr-js {
|
13
|
-
background: #000;
|
14
|
-
margin: 1em;
|
15
|
-
padding: 0;
|
16
|
-
}
|
17
|
-
.dr-doc {
|
18
|
-
background: #eee;
|
19
|
-
border-right: solid #eee 3px;
|
20
|
-
float: right;
|
21
|
-
font: 300 16px/1.4 "Myriad Pro", "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
|
22
|
-
height: 100%;
|
23
|
-
margin: 0;
|
24
|
-
overflow: auto;
|
25
|
-
padding: 0 30px;
|
26
|
-
width: 800px;
|
27
|
-
}
|
28
|
-
.dr-toc {
|
29
|
-
background: #ddd;
|
30
|
-
background: -moz-linear-gradient(left, #ddd 0%, #eee 100%); /* firefox */
|
31
|
-
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ddd), color-stop(100%, #eee)); /* webkit */
|
32
|
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#eee',GradientType=1); /* ie */
|
33
|
-
border-right: solid #ddd 3px;
|
34
|
-
float: right;
|
35
|
-
font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
|
36
|
-
height: 100%;
|
37
|
-
list-style: none;
|
38
|
-
margin: 0;
|
39
|
-
overflow: auto;
|
40
|
-
padding: 0 16px;
|
41
|
-
width: 240px;
|
42
|
-
}
|
43
|
-
#dr {
|
44
|
-
margin: 0 auto;
|
45
|
-
width: 1152px;
|
46
|
-
height: 100%;
|
47
|
-
}
|
48
|
-
::-moz-selection {
|
49
|
-
background: #c00;
|
50
|
-
color: #fff;
|
51
|
-
}
|
52
|
-
::selection {
|
53
|
-
background: #c00;
|
54
|
-
color: #fff;
|
55
|
-
}
|
56
|
-
.dr-doc code,
|
57
|
-
.dr-type em,
|
58
|
-
.dr-returns em,
|
59
|
-
.dr-property em {
|
60
|
-
font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
|
61
|
-
}
|
62
|
-
.extra {
|
63
|
-
display: none;
|
64
|
-
}
|
65
|
-
pre.code code {
|
66
|
-
color: #fff;
|
67
|
-
}
|
68
|
-
pre.code {
|
69
|
-
background: #333;
|
70
|
-
color: #fff;
|
71
|
-
overflow-x: auto;
|
72
|
-
padding: 16px 30px;
|
73
|
-
margin: 0 -30px;
|
74
|
-
}
|
75
|
-
code b {
|
76
|
-
color: #e9df8f;
|
77
|
-
font-weight: normal;
|
78
|
-
}
|
79
|
-
code i,
|
80
|
-
code i *,
|
81
|
-
code i .d {
|
82
|
-
color: #8b9967;
|
83
|
-
font-style: normal;
|
84
|
-
}
|
85
|
-
code .s {
|
86
|
-
color: #e7be61;
|
87
|
-
}
|
88
|
-
code .d {
|
89
|
-
color: #cf6a4c;
|
90
|
-
}
|
91
|
-
code .c,
|
92
|
-
code .c * {
|
93
|
-
color: #999;
|
94
|
-
font-style: italic;
|
95
|
-
}
|
96
|
-
em.amp {
|
97
|
-
font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif;
|
98
|
-
font-style: italic;
|
99
|
-
}
|
100
|
-
dl.dr-parameters {
|
101
|
-
margin: 8px 0;
|
102
|
-
}
|
103
|
-
dt.dr-param {
|
104
|
-
color: #666;
|
105
|
-
font-weight: 400;
|
106
|
-
float: left;
|
107
|
-
margin-right: 16px;
|
108
|
-
min-width: 160px;
|
109
|
-
}
|
110
|
-
dd.dr-type {
|
111
|
-
margin: 0;
|
112
|
-
}
|
113
|
-
dd.dr-description {
|
114
|
-
display: table;
|
115
|
-
min-height: 24px;
|
116
|
-
border: solid 1px #eee;
|
117
|
-
}
|
118
|
-
.dr-type {
|
119
|
-
float: left;
|
120
|
-
}
|
121
|
-
.dr-type em,
|
122
|
-
.dr-returns em,
|
123
|
-
.dr-property em {
|
124
|
-
-moz-border-radius: 5px;
|
125
|
-
-webkit-border-radius: 5px;
|
126
|
-
background: #ccc;
|
127
|
-
border-radius: 5px;
|
128
|
-
float: left;
|
129
|
-
font-size: .75em;
|
130
|
-
font-style: normal;
|
131
|
-
font-weight: 700;
|
132
|
-
margin: 0 8px 0 0;
|
133
|
-
min-width: 80px;
|
134
|
-
padding: 2px 5px;
|
135
|
-
text-align: center;
|
136
|
-
}
|
137
|
-
.dr-type em.amp,
|
138
|
-
.dr-returns em.amp,
|
139
|
-
.dr-property em.amp {
|
140
|
-
float: none;
|
141
|
-
background: none;
|
142
|
-
font-size: 1em;
|
143
|
-
font-weight: 400;
|
144
|
-
font-style: italic;
|
145
|
-
margin: 0;
|
146
|
-
padding: 0;
|
147
|
-
min-width: 0;
|
148
|
-
}
|
149
|
-
.dr-property em.dr-type {
|
150
|
-
margin: 4px 16px 0 0;
|
151
|
-
}
|
152
|
-
em.dr-type-string {
|
153
|
-
background: #e1edb1;
|
154
|
-
color: #3d4c00;
|
155
|
-
}
|
156
|
-
em.dr-type-object {
|
157
|
-
background: #edb1b1;
|
158
|
-
color: #4c0000;
|
159
|
-
}
|
160
|
-
em.dr-type-function {
|
161
|
-
background: #cfb1ed;
|
162
|
-
color: #26004c;
|
163
|
-
}
|
164
|
-
em.dr-type-number {
|
165
|
-
background: #b1c9ed;
|
166
|
-
color: #001e4c;
|
167
|
-
}
|
168
|
-
em.dr-type-boolean {
|
169
|
-
background: #b1edc9;
|
170
|
-
color: #004c1e;
|
171
|
-
}
|
172
|
-
em.dr-type-array {
|
173
|
-
background: #edd5b1;
|
174
|
-
color: #4c2d00;
|
175
|
-
}
|
176
|
-
dd.dr-optional {
|
177
|
-
display: none;
|
178
|
-
}
|
179
|
-
ol.dr-json {
|
180
|
-
background: #ddd;
|
181
|
-
list-style: none;
|
182
|
-
margin: 0 -30px;
|
183
|
-
padding: 16px 30px;
|
184
|
-
}
|
185
|
-
ol.dr-json .dr-json-key {
|
186
|
-
float: left;
|
187
|
-
min-width: 50px;
|
188
|
-
margin-right: 16px;
|
189
|
-
}
|
190
|
-
ol.dr-json .dr-json-description {
|
191
|
-
display: table;
|
192
|
-
}
|
193
|
-
ol.dr-json ol.dr-json {
|
194
|
-
margin: 0;
|
195
|
-
padding: 0 0 0 50px;
|
196
|
-
}
|
197
|
-
h1 {
|
198
|
-
font-weight: 400;
|
199
|
-
font-size: 2.6em;
|
200
|
-
margin: 0;
|
201
|
-
}
|
202
|
-
h2, h3, h4, h5 {
|
203
|
-
margin: 1em 0 .5em 0;
|
204
|
-
padding: 6px 0 0;
|
205
|
-
font-weight: 600;
|
206
|
-
position: relative;
|
207
|
-
}
|
208
|
-
h5 {
|
209
|
-
font-size: 18px;
|
210
|
-
}
|
211
|
-
h4 {
|
212
|
-
font-size: 20px;
|
213
|
-
}
|
214
|
-
h3 {
|
215
|
-
font-size: 28px;
|
216
|
-
}
|
217
|
-
h2 {
|
218
|
-
font-size: 38px;
|
219
|
-
}
|
220
|
-
h2.dr-method,
|
221
|
-
h3.dr-method,
|
222
|
-
h4.dr-method,
|
223
|
-
h5.dr-method {
|
224
|
-
color: #900;
|
225
|
-
}
|
226
|
-
h2.dr-property,
|
227
|
-
h3.dr-property,
|
228
|
-
h4.dr-property,
|
229
|
-
h5.dr-property {
|
230
|
-
color: #009;
|
231
|
-
}
|
232
|
-
i.dr-trixie {
|
233
|
-
border: solid 10px #eee;
|
234
|
-
border-left-color: #999;
|
235
|
-
height: 0;
|
236
|
-
margin-left: -30px;
|
237
|
-
margin-top: -10px;
|
238
|
-
overflow: hidden;
|
239
|
-
position: absolute;
|
240
|
-
top: 50%;
|
241
|
-
width: 0;
|
242
|
-
}
|
243
|
-
p.header {
|
244
|
-
font-size: 19px;
|
245
|
-
font-weight: 600;
|
246
|
-
margin: 1em 0 .3em;
|
247
|
-
}
|
248
|
-
.dr-returns {
|
249
|
-
margin-top: 16px;
|
250
|
-
}
|
251
|
-
.dr-returns .dr-title {
|
252
|
-
float: left;
|
253
|
-
margin-right: 16px;
|
254
|
-
width: 160px;
|
255
|
-
}
|
256
|
-
.dr-toc a {
|
257
|
-
display: block;
|
258
|
-
text-decoration: none;
|
259
|
-
color: #333;
|
260
|
-
padding-top: 8px;
|
261
|
-
position: relative;
|
262
|
-
z-index: 1000;
|
263
|
-
}
|
264
|
-
.dr-toc li.dr-lvl1 a {
|
265
|
-
padding-left: 1em;
|
266
|
-
}
|
267
|
-
.dr-toc li.dr-lvl2 a {
|
268
|
-
padding-left: 2em;
|
269
|
-
}
|
270
|
-
.dr-toc li.dr-lvl3 a {
|
271
|
-
padding-left: 3em;
|
272
|
-
}
|
273
|
-
.dr-toc li.dr-lvl4 a {
|
274
|
-
padding-left: 4em;
|
275
|
-
}
|
276
|
-
.dr-toc li.dr-lvl5 a {
|
277
|
-
padding-left: 5em;
|
278
|
-
}
|
279
|
-
.dr-toc li.dr-lvl6 a {
|
280
|
-
padding-left: 6em;
|
281
|
-
}
|
282
|
-
.dr-toc a.dr-property {
|
283
|
-
color: #339;
|
284
|
-
}
|
285
|
-
.dr-toc a.dr-method {
|
286
|
-
color: #933;
|
287
|
-
}
|
288
|
-
.dr-toc a:hover {
|
289
|
-
text-shadow: 0 0 2px #333;
|
290
|
-
}
|
291
|
-
.dr-toc a.dr-property:hover {
|
292
|
-
text-shadow: 0 0 2px #66c;
|
293
|
-
}
|
294
|
-
.dr-toc a.dr-method:hover {
|
295
|
-
text-shadow: 0 0 2px #c66;
|
296
|
-
}
|
297
|
-
a.dr-hash,
|
298
|
-
a.dr-sourceline {
|
299
|
-
-webkit-transition: opacity 0.2s linear;
|
300
|
-
color: #333;
|
301
|
-
font-family: Menlo, "Arial Unicode MS", sans-serif;
|
302
|
-
margin: 0 0 0 .3em;
|
303
|
-
opacity: 0;
|
304
|
-
text-decoration: none;
|
305
|
-
}
|
306
|
-
a.dr-link {
|
307
|
-
position: relative;
|
308
|
-
color: #3875c0;
|
309
|
-
}
|
310
|
-
a.dr-link:hover {
|
311
|
-
text-shadow: 0 1px 2px #999;
|
312
|
-
bottom: 1px;
|
313
|
-
padding-bottom: 1px;
|
314
|
-
}
|
315
|
-
a.dr-link:visited {
|
316
|
-
color: #7051bc;
|
317
|
-
}
|
318
|
-
h2:hover a.dr-hash,
|
319
|
-
h3:hover a.dr-hash,
|
320
|
-
h4:hover a.dr-hash,
|
321
|
-
h5:hover a.dr-hash,
|
322
|
-
h2:hover a.dr-sourceline,
|
323
|
-
h3:hover a.dr-sourceline,
|
324
|
-
h4:hover a.dr-sourceline,
|
325
|
-
h5:hover a.dr-sourceline {
|
326
|
-
opacity: 1;
|
327
|
-
}
|
328
|
-
p {
|
329
|
-
margin: 0 0 .5em;
|
330
|
-
}
|
331
|
-
|
332
|
-
.dr-source-line {
|
333
|
-
margin: 0;
|
334
|
-
}
|
335
|
-
.dr-source-line a {
|
336
|
-
-webkit-border-radius: 5px;
|
337
|
-
-webkit-border-radius: 5px;
|
338
|
-
-moz-border-radius: 5px;
|
339
|
-
-moz-border-radius: 5px;
|
340
|
-
border-radius: 5px;
|
341
|
-
border-radius: 5px;
|
342
|
-
color: #000;
|
343
|
-
background: #999;
|
344
|
-
font-weight: 400;
|
345
|
-
font-size: .75em;
|
346
|
-
text-decoration: none;
|
347
|
-
padding: 5px;
|
348
|
-
}
|
349
|
-
#src-dr-js code {
|
350
|
-
background: #000;
|
351
|
-
display: block;
|
352
|
-
color: #fff;
|
353
|
-
font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
|
354
|
-
white-space: pre;
|
355
|
-
padding-left: 100px;
|
356
|
-
position: relative;
|
357
|
-
line-height: 1.2;
|
358
|
-
}
|
359
|
-
#src-dr-js code:hover {
|
360
|
-
background: #333;
|
361
|
-
}
|
362
|
-
#src-dr-js code:hover .ln {
|
363
|
-
color: #fff;
|
364
|
-
}
|
365
|
-
#src-dr-js code .ln {
|
366
|
-
position: absolute;
|
367
|
-
left: 0;
|
368
|
-
color: #333;
|
369
|
-
width: 70px;
|
370
|
-
text-align: right;
|
371
|
-
}
|
372
|
-
|
373
|
-
/*Scrollbar*/
|
374
|
-
.dr-doc::-webkit-scrollbar,
|
375
|
-
.dr-toc::-webkit-scrollbar {
|
376
|
-
width: 7px;
|
377
|
-
height: 9px;
|
378
|
-
}
|
379
|
-
.dr-doc::-webkit-scrollbar-button:start:decrement,
|
380
|
-
.dr-doc::-webkit-scrollbar-button:end:increment,
|
381
|
-
.dr-toc::-webkit-scrollbar-button:start:decrement,
|
382
|
-
.dr-toc::-webkit-scrollbar-button:end:increment {
|
383
|
-
display: block;
|
384
|
-
height: 0;
|
385
|
-
background-color: transparent;
|
386
|
-
}
|
387
|
-
.dr-doc::-webkit-scrollbar-track-piece,
|
388
|
-
.dr-toc::-webkit-scrollbar-track-piece {
|
389
|
-
-webkit-border-radius: 0;
|
390
|
-
-webkit-border-bottom-right-radius: 4px;
|
391
|
-
-webkit-border-bottom-left-radius: 4px;
|
392
|
-
}
|
393
|
-
.dr-doc::-webkit-scrollbar-thumb:vertical,
|
394
|
-
.dr-toc::-webkit-scrollbar-thumb:vertical {
|
395
|
-
height: 50px;
|
396
|
-
background-color: rgba(0, 0, 0, 0.2);
|
397
|
-
-webkit-border-radius: 4px;
|
398
|
-
}
|
399
|
-
.dr-doc::-webkit-scrollbar-thumb:horizontal,
|
400
|
-
.dr-toc::-webkit-scrollbar-thumb:horizontal {
|
401
|
-
width: 50px;
|
402
|
-
background-color: rgba(0, 0, 0, 0.2);
|
403
|
-
-webkit-border-radius: 4px;
|
404
|
-
}
|
@@ -1,350 +0,0 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<!-- Generated with Dr.js -->
|
3
|
-
<html lang="en"><head><meta charset="utf-8"><title>g.Raphaël Reference</title><link rel="stylesheet" href="dr.css" media="screen"><link rel="stylesheet" href="dr-print.css" media="print"></head><body id="dr-js"><div id="dr"><ol class="dr-toc" id="dr-toc"><li class="dr-lvl0"><a href="#Element" class="{clas}"><span>Element</span></a></li><li class="dr-lvl1"><a href="#Element.blob" class="dr-method"><span>Element.blob()</span></a></li><li class="dr-lvl1"><a href="#Element.darker" class="dr-method"><span>Element.darker()</span></a></li><li class="dr-lvl1"><a href="#Element.drop" class="dr-method"><span>Element.drop()</span></a></li><li class="dr-lvl1"><a href="#Element.flag" class="dr-method"><span>Element.flag()</span></a></li><li class="dr-lvl1"><a href="#Element.label" class="dr-method"><span>Element.label()</span></a></li><li class="dr-lvl1"><a href="#Element.lighter" class="dr-method"><span>Element.lighter()</span></a></li><li class="dr-lvl1"><a href="#Element.popup" class="dr-method"><span>Element.popup()</span></a></li><li class="dr-lvl1"><a href="#Element.resetBrightness" class="dr-method"><span>Element.resetBrightness()</span></a></li><li class="dr-lvl1"><a href="#Element.tag" class="dr-method"><span>Element.tag()</span></a></li><li class="dr-lvl0"><a href="#Paper" class="{clas}"><span>Paper</span></a></li><li class="dr-lvl1"><a href="#Paper.blob" class="dr-method"><span>Paper.blob()</span></a></li><li class="dr-lvl1"><a href="#Paper.drop" class="dr-method"><span>Paper.drop()</span></a></li><li class="dr-lvl1"><a href="#Paper.flag" class="dr-method"><span>Paper.flag()</span></a></li><li class="dr-lvl1"><a href="#Paper.label" class="dr-method"><span>Paper.label()</span></a></li><li class="dr-lvl1"><a href="#Paper.popup" class="dr-method"><span>Paper.popup()</span></a></li><li class="dr-lvl1"><a href="#Paper.tag" class="dr-method"><span>Paper.tag()</span></a></li><li class="dr-lvl0"><a href="#g" class="{clas}"><span>g</span></a></li><li class="dr-lvl1"><a href="#g.colors" class="dr-array"><span>g.colors</span></a></li><li class="dr-lvl1"><a href="#g.shim" class="dr-object"><span>g.shim</span></a></li><li class="dr-lvl1"><a href="#g.txtattr" class="dr-object"><span>g.txtattr</span></a></li></ol><div class="dr-doc"><h1>g.Raphaël Reference</h1><div class="Element-section"><h2 id="Element" class="undefined"><i class="dr-trixie"> </i>Element<a href="#Element" title="Link to this section" class="dr-hash">⚓</a></h2>
|
4
|
-
<div class="extra" id="Element-extra"></div></div><div class="Element-blob-section"><h3 id="Element.blob" class="dr-method"><i class="dr-trixie"> </i>Element.blob(angle, x, y)<a href="#Element.blob" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 375 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L375">➭</a></h3>
|
5
|
-
<div class="extra" id="Element.blob-extra"></div></div><div class="dr-method"><p>Puts the context Element in a 'blob' tooltip. Can also be used on sets.
|
6
|
-
</p>
|
7
|
-
<p class="header">Parameters
|
8
|
-
</p>
|
9
|
-
<dl class="dr-parameters"><dt class="dr-param">angle</dt>
|
10
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
11
|
-
<dd class="dr-description">angle of orientation in degrees [default: <code>0</code>]</dd>
|
12
|
-
<dt class="dr-param">x</dt>
|
13
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
14
|
-
<dd class="dr-description">x coordinate of the blob's tail [default: Element's <code>x</code> or <code>cx</code>]</dd>
|
15
|
-
<dt class="dr-param">y</dt>
|
16
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
17
|
-
<dd class="dr-description">y coordinate of the blob's tail [default: Element's <code>x</code> or <code>cx</code>]</dd>
|
18
|
-
</dl>
|
19
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">path element of the blob</span></p>
|
20
|
-
<p class="header">Usage
|
21
|
-
</p>
|
22
|
-
<pre class="javascript code"><code>paper.circle(<span class="d">50</span>, <span class="d">50</span>, <span class="d">8</span>).attr({
|
23
|
-
stroke: <i>"#fff"</i>,
|
24
|
-
fill: <i>"<span class="d">0</span>-#c9de96-#8ab66b:<span class="d">44</span>-#<span class="d">398235</span>"</i>
|
25
|
-
}).blob(<span class="d">60</span>);
|
26
|
-
</code></pre>
|
27
|
-
</div><div class="Element-darker-section"><h3 id="Element.darker" class="dr-method"><i class="dr-trixie"> </i>Element.darker(times)<a href="#Element.darker" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 633 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L633">➭</a></h3>
|
28
|
-
<div class="extra" id="Element.darker-extra"></div></div><div class="dr-method"><p>Makes the context element darker by decreasing the brightness and increasing the saturation by a given factor. Can be called on Sets.
|
29
|
-
</p>
|
30
|
-
<p class="header">Parameters
|
31
|
-
</p>
|
32
|
-
<dl class="dr-parameters"><dt class="dr-param">times</dt>
|
33
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
34
|
-
<dd class="dr-description">adjustment factor [default: <code>2</code>]</dd>
|
35
|
-
</dl>
|
36
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">Element</span></p>
|
37
|
-
<p class="header">Usage
|
38
|
-
</p>
|
39
|
-
<pre class="javascript code"><code>paper.circle(<span class="d">50</span>, <span class="d">50</span>, <span class="d">20</span>).attr({
|
40
|
-
fill: <i>"#ff0000"</i>,
|
41
|
-
stroke: <i>"#fff"</i>,
|
42
|
-
<i>"stroke-width"</i>: <span class="d">2</span>
|
43
|
-
}).darker(<span class="d">6</span>);
|
44
|
-
</code></pre>
|
45
|
-
</div><div class="Element-drop-section"><h3 id="Element.drop" class="dr-method"><i class="dr-trixie"> </i>Element.drop(angle, x, y)<a href="#Element.drop" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 225 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L225">➭</a></h3>
|
46
|
-
<div class="extra" id="Element.drop-extra"></div></div><div class="dr-method"><p>Puts the context Element in a 'drop' tooltip. Can also be used on sets.
|
47
|
-
</p>
|
48
|
-
<p class="header">Parameters
|
49
|
-
</p>
|
50
|
-
<dl class="dr-parameters"><dt class="dr-param">angle</dt>
|
51
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
52
|
-
<dd class="dr-description">angle of orientation in degrees [default: <code>0</code>]</dd>
|
53
|
-
<dt class="dr-param">x</dt>
|
54
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
55
|
-
<dd class="dr-description">x coordinate of the drop's point [default: Element's <code>x</code> or <code>cx</code>]</dd>
|
56
|
-
<dt class="dr-param">y</dt>
|
57
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
58
|
-
<dd class="dr-description">y coordinate of the drop's point [default: Element's <code>x</code> or <code>cx</code>]</dd>
|
59
|
-
</dl>
|
60
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">path element of the drop</span></p>
|
61
|
-
<p class="header">Usage
|
62
|
-
</p>
|
63
|
-
<pre class="javascript code"><code>paper.circle(<span class="d">50</span>, <span class="d">50</span>, <span class="d">8</span>).attr({
|
64
|
-
stroke: <i>"#fff"</i>,
|
65
|
-
fill: <i>"<span class="d">0</span>-#c9de96-#8ab66b:<span class="d">44</span>-#<span class="d">398235</span>"</i>
|
66
|
-
}).drop(<span class="d">60</span>);
|
67
|
-
</code></pre>
|
68
|
-
</div><div class="Element-flag-section"><h3 id="Element.flag" class="dr-method"><i class="dr-trixie"> </i>Element.flag(angle, x, y)<a href="#Element.flag" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 281 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L281">➭</a></h3>
|
69
|
-
<div class="extra" id="Element.flag-extra"></div></div><div class="dr-method"><p>Puts the context Element in a 'flag' tooltip. Can also be used on sets.
|
70
|
-
</p>
|
71
|
-
<p class="header">Parameters
|
72
|
-
</p>
|
73
|
-
<dl class="dr-parameters"><dt class="dr-param">angle</dt>
|
74
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
75
|
-
<dd class="dr-description">angle of orientation in degrees [default: <code>0</code>]</dd>
|
76
|
-
<dt class="dr-param">x</dt>
|
77
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
78
|
-
<dd class="dr-description">x coordinate of the flag's point [default: Element's <code>x</code> or <code>cx</code>]</dd>
|
79
|
-
<dt class="dr-param">y</dt>
|
80
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
81
|
-
<dd class="dr-description">y coordinate of the flag's point [default: Element's <code>x</code> or <code>cx</code>]</dd>
|
82
|
-
</dl>
|
83
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">path element of the flag</span></p>
|
84
|
-
<p class="header">Usage
|
85
|
-
</p>
|
86
|
-
<pre class="javascript code"><code>paper.circle(<span class="d">50</span>, <span class="d">50</span>, <span class="d">10</span>).attr({
|
87
|
-
stroke: <i>"#fff"</i>,
|
88
|
-
fill: <i>"<span class="d">0</span>-#c9de96-#8ab66b:<span class="d">44</span>-#<span class="d">398235</span>"</i>
|
89
|
-
}).flag(<span class="d">60</span>);
|
90
|
-
</code></pre>
|
91
|
-
</div><div class="Element-label-section"><h3 id="Element.label" class="dr-method"><i class="dr-trixie"> </i>Element.label()<a href="#Element.label" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 346 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L346">➭</a></h3>
|
92
|
-
<div class="extra" id="Element.label-extra"></div></div><div class="dr-method"><p>Puts the context Element in a 'label' tooltip. Can also be used on sets.
|
93
|
-
</p>
|
94
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">path element of the label.</span></p>
|
95
|
-
<p class="header">Usage
|
96
|
-
</p>
|
97
|
-
<pre class="javascript code"><code>paper.circle(<span class="d">50</span>, <span class="d">50</span>, <span class="d">10</span>).attr({
|
98
|
-
stroke: <i>"#fff"</i>,
|
99
|
-
fill: <i>"<span class="d">0</span>-#c9de96-#8ab66b:<span class="d">44</span>-#<span class="d">398235</span>"</i>
|
100
|
-
}).label();
|
101
|
-
</code></pre>
|
102
|
-
</div><div class="Element-lighter-section"><h3 id="Element.lighter" class="dr-method"><i class="dr-trixie"> </i>Element.lighter(times)<a href="#Element.lighter" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 597 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L597">➭</a></h3>
|
103
|
-
<div class="extra" id="Element.lighter-extra"></div></div><div class="dr-method"><p>Makes the context element lighter by increasing the brightness and reducing the saturation by a given factor. Can be called on Sets.
|
104
|
-
</p>
|
105
|
-
<p class="header">Parameters
|
106
|
-
</p>
|
107
|
-
<dl class="dr-parameters"><dt class="dr-param">times</dt>
|
108
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
109
|
-
<dd class="dr-description">adjustment factor [default: <code>2</code>]</dd>
|
110
|
-
</dl>
|
111
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">Element</span></p>
|
112
|
-
<p class="header">Usage
|
113
|
-
</p>
|
114
|
-
<pre class="javascript code"><code>paper.circle(<span class="d">50</span>, <span class="d">50</span>, <span class="d">20</span>).attr({
|
115
|
-
fill: <i>"#ff0000"</i>,
|
116
|
-
stroke: <i>"#fff"</i>,
|
117
|
-
<i>"stroke-width"</i>: <span class="d">2</span>
|
118
|
-
}).lighter(<span class="d">6</span>);
|
119
|
-
</code></pre>
|
120
|
-
</div><div class="Element-popup-section"><h3 id="Element.popup" class="dr-method"><i class="dr-trixie"> </i>Element.popup(dir, size, x, y)<a href="#Element.popup" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 24 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L24">➭</a></h3>
|
121
|
-
<div class="extra" id="Element.popup-extra"></div></div><div class="dr-method"><p>Puts the context Element in a 'popup' tooltip. Can also be used on sets.
|
122
|
-
</p>
|
123
|
-
<p class="header">Parameters
|
124
|
-
</p>
|
125
|
-
<dl class="dr-parameters"><dt class="dr-param">dir</dt>
|
126
|
-
<dd class="dr-type"><em class="dr-type-string">string</em></dd>
|
127
|
-
<dd class="dr-description">location of Element relative to the tail: <code>'down'</code>, <code>'left'</code>, <code>'up'</code> [default], or <code>'right'</code>.</dd>
|
128
|
-
<dt class="dr-param">size</dt>
|
129
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
130
|
-
<dd class="dr-description">amount of bevel/padding around the Element, as well as half the width and height of the tail [default: <code>5</code>]</dd>
|
131
|
-
<dt class="dr-param">x</dt>
|
132
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
133
|
-
<dd class="dr-description">x coordinate of the popup's tail [default: Element's <code>x</code> or <code>cx</code>]</dd>
|
134
|
-
<dt class="dr-param">y</dt>
|
135
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
136
|
-
<dd class="dr-description">y coordinate of the popup's tail [default: Element's <code>y</code> or <code>cy</code>]</dd>
|
137
|
-
</dl>
|
138
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">path element of the popup</span></p>
|
139
|
-
<p class="header">Usage
|
140
|
-
</p>
|
141
|
-
<pre class="javascript code"><code>paper.circle(<span class="d">50</span>, <span class="d">50</span>, <span class="d">5</span>).attr({
|
142
|
-
stroke: <i>"#fff"</i>,
|
143
|
-
fill: <i>"<span class="d">0</span>-#c9de96-#8ab66b:<span class="d">44</span>-#<span class="d">398235</span>"</i>
|
144
|
-
}).popup();
|
145
|
-
</code></pre>
|
146
|
-
</div><div class="Element-resetBrightness-section"><h3 id="Element.resetBrightness" class="dr-method"><i class="dr-trixie"> </i>Element.resetBrightness()<a href="#Element.resetBrightness" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 665 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L665">➭</a></h3>
|
147
|
-
<div class="extra" id="Element.resetBrightness-extra"></div></div><div class="dr-method"><p>Resets brightness and saturation levels to their original values. See <a href="#Element.lighter" class="dr-link">Element.lighter</a> and <a href="#Element.darker" class="dr-link">Element.darker</a>. Can be called on Sets.
|
148
|
-
</p>
|
149
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">Element</span></p>
|
150
|
-
<p class="header">Usage
|
151
|
-
</p>
|
152
|
-
<pre class="javascript code"><code>paper.circle(<span class="d">50</span>, <span class="d">50</span>, <span class="d">20</span>).attr({
|
153
|
-
fill: <i>"#ff0000"</i>,
|
154
|
-
stroke: <i>"#fff"</i>,
|
155
|
-
<i>"stroke-width"</i>: <span class="d">2</span>
|
156
|
-
}).lighter(<span class="d">6</span>).resetBrightness();
|
157
|
-
</code></pre>
|
158
|
-
</div><div class="Element-tag-section"><h3 id="Element.tag" class="dr-method"><i class="dr-trixie"> </i>Element.tag(angle, r, x, y)<a href="#Element.tag" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 135 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L135">➭</a></h3>
|
159
|
-
<div class="extra" id="Element.tag-extra"></div></div><div class="dr-method"><p>Puts the context Element in a 'tag' tooltip. Can also be used on sets.
|
160
|
-
</p>
|
161
|
-
<p class="header">Parameters
|
162
|
-
</p>
|
163
|
-
<dl class="dr-parameters"><dt class="dr-param">angle</dt>
|
164
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
165
|
-
<dd class="dr-description">angle of orientation in degrees [default: <code>0</code>]</dd>
|
166
|
-
<dt class="dr-param">r</dt>
|
167
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
168
|
-
<dd class="dr-description">radius of the loop [default: <code>5</code>]</dd>
|
169
|
-
<dt class="dr-param">x</dt>
|
170
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
171
|
-
<dd class="dr-description">x coordinate of the center of the tag loop [default: Element's <code>x</code> or <code>cx</code>]</dd>
|
172
|
-
<dt class="dr-param">y</dt>
|
173
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
174
|
-
<dd class="dr-description">y coordinate of the center of the tag loop [default: Element's <code>x</code> or <code>cx</code>]</dd>
|
175
|
-
</dl>
|
176
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">path element of the tag</span></p>
|
177
|
-
<p class="header">Usage
|
178
|
-
</p>
|
179
|
-
<pre class="javascript code"><code>paper.circle(<span class="d">50</span>, <span class="d">50</span>, <span class="d">15</span>).attr({
|
180
|
-
stroke: <i>"#fff"</i>,
|
181
|
-
fill: <i>"<span class="d">0</span>-#c9de96-#8ab66b:<span class="d">44</span>-#<span class="d">398235</span>"</i>
|
182
|
-
}).tag(<span class="d">60</span>);
|
183
|
-
</code></pre>
|
184
|
-
</div><div class="Paper-section"><h2 id="Paper" class="undefined"><i class="dr-trixie"> </i>Paper<a href="#Paper" title="Link to this section" class="dr-hash">⚓</a></h2>
|
185
|
-
<div class="extra" id="Paper-extra"></div></div><div class="Paper-blob-section"><h3 id="Paper.blob" class="dr-method"><i class="dr-trixie"> </i>Paper.blob(x, y, text, angle)<a href="#Paper.blob" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 569 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L569">➭</a></h3>
|
186
|
-
<div class="extra" id="Paper.blob-extra"></div></div><div class="dr-method"><p>Puts the given text into a 'blob' tooltip. The text is given a default style according to <a href="#g.txtattr" class="dr-link">g.txtattr</a>. See <a href="#Element.blob" class="dr-link">Element.blob</a>
|
187
|
-
</p>
|
188
|
-
<p class="header">Parameters
|
189
|
-
</p>
|
190
|
-
<dl class="dr-parameters"><dt class="dr-param">x</dt>
|
191
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
192
|
-
<dd class="dr-description">x coordinate of the blob's tail</dd>
|
193
|
-
<dt class="dr-param">y</dt>
|
194
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
195
|
-
<dd class="dr-description">y coordinate of the blob's tail</dd>
|
196
|
-
<dt class="dr-param">text</dt>
|
197
|
-
<dd class="dr-type"><em class="dr-type-string">string</em></dd>
|
198
|
-
<dd class="dr-description">text to place inside the blob</dd>
|
199
|
-
<dt class="dr-param">angle</dt>
|
200
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
201
|
-
<dd class="dr-description">angle of orientation in degrees [default: <code>0</code>]</dd>
|
202
|
-
</dl>
|
203
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">set containing the blob path and the text element</span></p>
|
204
|
-
<p class="header">Usage
|
205
|
-
</p>
|
206
|
-
<pre class="javascript code"><code>paper.blob(<span class="d">50</span>, <span class="d">50</span>, <i>"$<span class="d">9.99</span>"</i>, <span class="d">60</span>);
|
207
|
-
</code></pre>
|
208
|
-
</div><div class="Paper-drop-section"><h3 id="Paper.drop" class="dr-method"><i class="dr-trixie"> </i>Paper.drop(x, y, text, angle)<a href="#Paper.drop" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 545 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L545">➭</a></h3>
|
209
|
-
<div class="extra" id="Paper.drop-extra"></div></div><div class="dr-method"><p>Puts the given text into a 'drop' tooltip. The text is given a default style according to <a href="#g.txtattr" class="dr-link">g.txtattr</a>. See <a href="#Element.drop" class="dr-link">Element.drop</a>
|
210
|
-
</p>
|
211
|
-
<p class="header">Parameters
|
212
|
-
</p>
|
213
|
-
<dl class="dr-parameters"><dt class="dr-param">x</dt>
|
214
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
215
|
-
<dd class="dr-description">x coordinate of the drop's point</dd>
|
216
|
-
<dt class="dr-param">y</dt>
|
217
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
218
|
-
<dd class="dr-description">y coordinate of the drop's point</dd>
|
219
|
-
<dt class="dr-param">text</dt>
|
220
|
-
<dd class="dr-type"><em class="dr-type-string">string</em></dd>
|
221
|
-
<dd class="dr-description">text to place inside the drop</dd>
|
222
|
-
<dt class="dr-param">angle</dt>
|
223
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
224
|
-
<dd class="dr-description">angle of orientation in degrees [default: <code>0</code>]</dd>
|
225
|
-
</dl>
|
226
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">set containing the drop path and the text element</span></p>
|
227
|
-
<p class="header">Usage
|
228
|
-
</p>
|
229
|
-
<pre class="javascript code"><code>paper.drop(<span class="d">50</span>, <span class="d">50</span>, <i>"$<span class="d">9.99</span>"</i>, <span class="d">60</span>);
|
230
|
-
</code></pre>
|
231
|
-
</div><div class="Paper-flag-section"><h3 id="Paper.flag" class="dr-method"><i class="dr-trixie"> </i>Paper.flag(x, y, text, angle)<a href="#Paper.flag" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 521 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L521">➭</a></h3>
|
232
|
-
<div class="extra" id="Paper.flag-extra"></div></div><div class="dr-method"><p>Puts the given <code>text</code> into a 'flag' tooltip. The text is given a default style according to <a href="#g.txtattr" class="dr-link">g.txtattr</a>. See <a href="#Element.flag" class="dr-link">Element.flag</a>
|
233
|
-
</p>
|
234
|
-
<p class="header">Parameters
|
235
|
-
</p>
|
236
|
-
<dl class="dr-parameters"><dt class="dr-param">x</dt>
|
237
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
238
|
-
<dd class="dr-description">x coordinate of the flag's point</dd>
|
239
|
-
<dt class="dr-param">y</dt>
|
240
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
241
|
-
<dd class="dr-description">y coordinate of the flag's point</dd>
|
242
|
-
<dt class="dr-param">text</dt>
|
243
|
-
<dd class="dr-type"><em class="dr-type-string">string</em></dd>
|
244
|
-
<dd class="dr-description">text to place inside the flag</dd>
|
245
|
-
<dt class="dr-param">angle</dt>
|
246
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
247
|
-
<dd class="dr-description">angle of orientation in degrees [default: <code>0</code>]</dd>
|
248
|
-
</dl>
|
249
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">set containing the flag path and the text element</span></p>
|
250
|
-
<p class="header">Usage
|
251
|
-
</p>
|
252
|
-
<pre class="javascript code"><code>paper.flag(<span class="d">50</span>, <span class="d">50</span>, <i>"$<span class="d">9.99</span>"</i>, <span class="d">60</span>);
|
253
|
-
</code></pre>
|
254
|
-
</div><div class="Paper-label-section"><h3 id="Paper.label" class="dr-method"><i class="dr-trixie"> </i>Paper.label(x, y, text)<a href="#Paper.label" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 445 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L445">➭</a></h3>
|
255
|
-
<div class="extra" id="Paper.label-extra"></div></div><div class="dr-method"><p>Puts the given <code>text</code> into a 'label' tooltip. The text is given a default style according to <a href="#g.txtattr" class="dr-link">g.txtattr</a>. See <a href="#Element.label" class="dr-link">Element.label</a>
|
256
|
-
</p>
|
257
|
-
<p class="header">Parameters
|
258
|
-
</p>
|
259
|
-
<dl class="dr-parameters"><dt class="dr-param">x</dt>
|
260
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
261
|
-
<dd class="dr-description">x coordinate of the center of the label</dd>
|
262
|
-
<dt class="dr-param">y</dt>
|
263
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
264
|
-
<dd class="dr-description">y coordinate of the center of the label</dd>
|
265
|
-
<dt class="dr-param">text</dt>
|
266
|
-
<dd class="dr-type"><em class="dr-type-string">string</em></dd>
|
267
|
-
<dd class="dr-description">text to place inside the label</dd>
|
268
|
-
</dl>
|
269
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">set containing the label path and the text element</span></p>
|
270
|
-
<p class="header">Usage
|
271
|
-
</p>
|
272
|
-
<pre class="javascript code"><code>paper.label(<span class="d">50</span>, <span class="d">50</span>, <i>"$<span class="d">9.99</span>"</i>);
|
273
|
-
</code></pre>
|
274
|
-
</div><div class="Paper-popup-section"><h3 id="Paper.popup" class="dr-method"><i class="dr-trixie"> </i>Paper.popup(x, y, text, dir, size)<a href="#Paper.popup" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 472 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L472">➭</a></h3>
|
275
|
-
<div class="extra" id="Paper.popup-extra"></div></div><div class="dr-method"><p>Puts the given <code>text</code> into a 'popup' tooltip. The text is given a default style according to <a href="#g.txtattr" class="dr-link">g.txtattr</a>. See <a href="#Element.popup" class="dr-link">Element.popup</a>
|
276
|
-
</p>
|
277
|
-
<p>Note: The <code>dir</code> parameter has changed from g.Raphael 0.4.1 to 0.5. The options <code>0</code>, <code>1</code>, <code>2</code>, and <code>3</code> has been changed to <code>'down'</code>, <code>'left'</code>, <code>'up'</code>, and <code>'right'</code> respectively.
|
278
|
-
</p>
|
279
|
-
<p class="header">Parameters
|
280
|
-
</p>
|
281
|
-
<dl class="dr-parameters"><dt class="dr-param">x</dt>
|
282
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
283
|
-
<dd class="dr-description">x coordinate of the popup's tail</dd>
|
284
|
-
<dt class="dr-param">y</dt>
|
285
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
286
|
-
<dd class="dr-description">y coordinate of the popup's tail</dd>
|
287
|
-
<dt class="dr-param">text</dt>
|
288
|
-
<dd class="dr-type"><em class="dr-type-string">string</em></dd>
|
289
|
-
<dd class="dr-description">text to place inside the popup</dd>
|
290
|
-
<dt class="dr-param">dir</dt>
|
291
|
-
<dd class="dr-type"><em class="dr-type-string">string</em></dd>
|
292
|
-
<dd class="dr-description">location of the text relative to the tail: <code>'down'</code>, <code>'left'</code>, <code>'up'</code> [default], or <code>'right'</code>.</dd>
|
293
|
-
<dt class="dr-param">size</dt>
|
294
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
295
|
-
<dd class="dr-description">amount of padding around the Element [default: <code>5</code>]</dd>
|
296
|
-
</dl>
|
297
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">set containing the popup path and the text element</span></p>
|
298
|
-
<p class="header">Usage
|
299
|
-
</p>
|
300
|
-
<pre class="javascript code"><code>paper.popup(<span class="d">50</span>, <span class="d">50</span>, <i>"$<span class="d">9.99</span>"</i>, <i>'down'</i>);
|
301
|
-
</code></pre>
|
302
|
-
</div><div class="Paper-tag-section"><h3 id="Paper.tag" class="dr-method"><i class="dr-trixie"> </i>Paper.tag(x, y, text, angle, r)<a href="#Paper.tag" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 497 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L497">➭</a></h3>
|
303
|
-
<div class="extra" id="Paper.tag-extra"></div></div><div class="dr-method"><p>Puts the given text into a 'tag' tooltip. The text is given a default style according to <a href="#g.txtattr" class="dr-link">g.txtattr</a>. See <a href="#Element.tag" class="dr-link">Element.tag</a>
|
304
|
-
</p>
|
305
|
-
<p class="header">Parameters
|
306
|
-
</p>
|
307
|
-
<dl class="dr-parameters"><dt class="dr-param">x</dt>
|
308
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
309
|
-
<dd class="dr-description">x coordinate of the center of the tag loop</dd>
|
310
|
-
<dt class="dr-param">y</dt>
|
311
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
312
|
-
<dd class="dr-description">y coordinate of the center of the tag loop</dd>
|
313
|
-
<dt class="dr-param">text</dt>
|
314
|
-
<dd class="dr-type"><em class="dr-type-string">string</em></dd>
|
315
|
-
<dd class="dr-description">text to place inside the tag</dd>
|
316
|
-
<dt class="dr-param">angle</dt>
|
317
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
318
|
-
<dd class="dr-description">angle of orientation in degrees [default: <code>0</code>]</dd>
|
319
|
-
<dt class="dr-param">r</dt>
|
320
|
-
<dd class="dr-type"><em class="dr-type-number">number</em></dd>
|
321
|
-
<dd class="dr-description">radius of the loop [default: <code>5</code>]</dd>
|
322
|
-
</dl>
|
323
|
-
<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">set containing the tag path and the text element</span></p>
|
324
|
-
<p class="header">Usage
|
325
|
-
</p>
|
326
|
-
<pre class="javascript code"><code>paper.tag(<span class="d">50</span>, <span class="d">50</span>, <i>"$<span class="d">9.99</span>"</i>, <span class="d">60</span>);
|
327
|
-
</code></pre>
|
328
|
-
</div><div class="g-section"><h2 id="g" class="undefined"><i class="dr-trixie"> </i>g<a href="#g" title="Link to this section" class="dr-hash">⚓</a></h2>
|
329
|
-
<div class="extra" id="g-extra"></div></div><div class="g-colors-section"><h3 id="g.colors" class="dr-array"><i class="dr-trixie"> </i>g.colors<a href="#g.colors" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 726 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L726">➭</a></h3>
|
330
|
-
<div class="extra" id="g.colors-extra"></div></div><div class="dr-array"><p>An array of color values that charts will iterate through when drawing chart data values.
|
331
|
-
</p>
|
332
|
-
</div><div class="g-shim-section"><h3 id="g.shim" class="dr-object"><i class="dr-trixie"> </i>g.shim<a href="#g.shim" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 706 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L706">➭</a></h3>
|
333
|
-
<div class="extra" id="g.shim-extra"></div></div><div class="dr-object"><p>An attribute object that charts will set on all generated shims (shims being the invisible objects that mouse events are bound to)
|
334
|
-
</p>
|
335
|
-
<p class="header">Default value
|
336
|
-
</p>
|
337
|
-
<pre class="javascript code"><code>{ stroke: <i>'none'</i>, fill: <i>'#<span class="d">000</span>'</i>, <i>'fill-opacity'</i>: <span class="d">0</span> }
|
338
|
-
</code></pre>
|
339
|
-
</div><div class="g-txtattr-section"><h3 id="g.txtattr" class="dr-object"><i class="dr-trixie"> </i>g.txtattr<a href="#g.txtattr" title="Link to this section" class="dr-hash">⚓</a><a class="dr-sourceline" title="Go to line 717 in the source" href="https://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael.js#L717">➭</a></h3>
|
340
|
-
<div class="extra" id="g.txtattr-extra"></div></div><div class="dr-object"><p>An attribute object that charts and tooltips will set on any generated text
|
341
|
-
</p>
|
342
|
-
<p class="header">Default value
|
343
|
-
</p>
|
344
|
-
<pre class="javascript code"><code>{ font: <i>'12px Arial, sans-serif'</i>, fill: <i>'#fff'</i> }
|
345
|
-
</code></pre>
|
346
|
-
</div></div></div>
|
347
|
-
<script src="../raphael-min.js"></script>
|
348
|
-
<script src="../g.raphael.js"></script>
|
349
|
-
<script src="reference.js"></script>
|
350
|
-
</body></html>
|