forked from mjjohnson/g.raphael
/
g.dot.js
110 lines (109 loc) · 4.74 KB
/
g.dot.js
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
/*
* g.Raphael 0.4 - Charting library, based on Raphaël
*
* Copyright (c) 2009 Dmitry Baranovskiy (http://g.raphaeljs.com)
* Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
*/
Raphael.fn.g.dotchart = function (x, y, width, height, valuesx, valuesy, size, opts) {
function drawAxis(ax) {
+ax[0] && (ax[0] = paper.g.axis(x + gutter, y + gutter, width - 2 * gutter, minx, maxx, opts.axisxstep || Math.floor((width - 2 * gutter) / 20), 2, opts.axisxlabels || null, opts.axisxtype || "t"));
+ax[1] && (ax[1] = paper.g.axis(x + width - gutter, y + height - gutter, height - 2 * gutter, miny, maxy, opts.axisystep || Math.floor((height - 2 * gutter) / 20), 3, opts.axisylabels || null, opts.axisytype || "t"));
+ax[2] && (ax[2] = paper.g.axis(x + gutter, y + height - gutter + maxR, width - 2 * gutter, minx, maxx, opts.axisxstep || Math.floor((width - 2 * gutter) / 20), 0, opts.axisxlabels || null, opts.axisxtype || "t"));
+ax[3] && (ax[3] = paper.g.axis(x + gutter - maxR, y + height - gutter, height - 2 * gutter, miny, maxy, opts.axisystep || Math.floor((height - 2 * gutter) / 20), 1, opts.axisylabels || null, opts.axisytype || "t"));
}
opts = opts || {};
var xdim = this.g.snapEnds(Math.min.apply(Math, valuesx), Math.max.apply(Math, valuesx), valuesx.length - 1),
minx = xdim.from,
maxx = xdim.to,
gutter = opts.gutter || 10,
ydim = this.g.snapEnds(Math.min.apply(Math, valuesy), Math.max.apply(Math, valuesy), valuesy.length - 1),
miny = ydim.from,
maxy = ydim.to,
len = Math.max(valuesx.length, valuesy.length, size.length),
symbol = this.g.markers[opts.symbol] || "disc",
res = this.set(),
series = this.set(),
max = opts.max || 100,
top = Math.max.apply(Math, size),
R = [],
paper = this,
k = Math.sqrt(top / Math.PI) * 2 / max;
for (var i = 0; i < len; i++) {
R[i] = Math.min(Math.sqrt(size[i] / Math.PI) * 2 / k, max);
}
gutter = Math.max.apply(Math, R.concat(gutter));
var axis = this.set(),
maxR = Math.max.apply(Math, R);
if (opts.axis) {
var ax = (opts.axis + "").split(/[,\s]+/);
drawAxis(ax);
var g = [], b = [];
for (var i = 0, ii = ax.length; i < ii; i++) {
var bb = ax[i].all ? ax[i].all.getBBox()[["height", "width"][i % 2]] : 0;
g[i] = bb + gutter;
b[i] = bb;
}
gutter = Math.max.apply(Math, g.concat(gutter));
for (var i = 0, ii = ax.length; i < ii; i++) if (ax[i].all) {
ax[i].remove();
ax[i] = 1;
}
drawAxis(ax);
for (var i = 0, ii = ax.length; i < ii; i++) if (ax[i].all) {
axis.push(ax[i].all);
}
res.axis = axis;
}
var kx = (width - gutter * 2) / ((maxx - minx) || 1),
ky = (height - gutter * 2) / ((maxy - miny) || 1);
for (var i = 0, ii = valuesy.length; i < ii; i++) {
var sym = this.raphael.is(symbol, "array") ? symbol[i] : symbol,
X = x + gutter + (valuesx[i] - minx) * kx,
Y = y + height - gutter - (valuesy[i] - miny) * ky;
sym && R[i] && series.push(this.g[sym](X, Y, R[i]).attr({fill: opts.heat ? this.g.colorValue(R[i], maxR) : Raphael.fn.g.colors[0], "fill-opacity": opts.opacity ? R[i] / max : 1, stroke: "none"}));
}
var covers = this.set();
for (var i = 0, ii = valuesy.length; i < ii; i++) {
var X = x + gutter + (valuesx[i] - minx) * kx,
Y = y + height - gutter - (valuesy[i] - miny) * ky;
covers.push(this.circle(X, Y, maxR).attr(this.g.shim));
opts.href && opts.href[i] && covers[i].attr({href: opts.href[i]});
covers[i].r = +R[i].toFixed(3);
covers[i].x = +X.toFixed(3);
covers[i].y = +Y.toFixed(3);
covers[i].X = valuesx[i];
covers[i].Y = valuesy[i];
covers[i].value = size[i] || 0;
covers[i].dot = series[i];
}
res.covers = covers;
res.series = series;
res.push(series, axis, covers);
res.hover = function (fin, fout) {
covers.mouseover(fin).mouseout(fout);
return this;
};
res.click = function (f) {
covers.click(f);
return this;
};
res.each = function (f) {
if (!Raphael.is(f, "function")) {
return this;
}
for (var i = covers.length; i--;) {
f.call(covers[i]);
}
return this;
};
res.href = function (map) {
var cover;
for (var i = covers.length; i--;) {
cover = covers[i];
if (cover.X == map.x && cover.Y == map.y && cover.value == map.value) {
cover.attr({href: map.href});
}
}
};
return res;
};