riemann-dash 0.2.4 → 0.2.5
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/riemann/dash/public/clock.js +12 -8
- data/lib/riemann/dash/public/strings.js +8 -2
- data/lib/riemann/dash/public/subs.js +8 -4
- data/lib/riemann/dash/public/util.js +19 -5
- data/lib/riemann/dash/public/vendor/flot/jquery.colorhelpers.js +179 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.colorhelpers.min.js +21 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.canvas.js +345 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.canvas.min.js +28 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.categories.js +190 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.categories.min.js +44 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.crosshair.js +176 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.crosshair.min.js +59 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.errorbars.js +353 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.errorbars.min.js +63 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.fillbetween.js +226 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.fillbetween.min.js +30 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.image.js +241 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.image.min.js +53 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.js +3061 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.min.js +29 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.navigate.js +346 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.navigate.min.js +86 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.pie.js +817 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.pie.min.js +56 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.resize.js +60 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.resize.min.js +19 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.selection.js +360 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.selection.min.js +79 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.stack.js +188 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.stack.min.js +36 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.symbol.js +71 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.symbol.min.js +14 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.threshold.js +142 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.threshold.min.js +43 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.time.js +431 -0
- data/lib/riemann/dash/public/vendor/flot/jquery.flot.time.min.js +9 -0
- data/lib/riemann/dash/public/view.js +11 -7
- data/lib/riemann/dash/public/views/flot.js +248 -0
- data/lib/riemann/dash/public/views/grid.js +1 -5
- data/lib/riemann/dash/version.rb +1 -1
- data/lib/riemann/dash/views/css.scss +24 -0
- data/lib/riemann/dash/views/index.erubis +6 -0
- metadata +35 -2
@@ -0,0 +1,188 @@
|
|
1
|
+
/* Flot plugin for stacking data sets rather than overlyaing them.
|
2
|
+
|
3
|
+
Copyright (c) 2007-2013 IOLA and Ole Laursen.
|
4
|
+
Licensed under the MIT license.
|
5
|
+
|
6
|
+
The plugin assumes the data is sorted on x (or y if stacking horizontally).
|
7
|
+
For line charts, it is assumed that if a line has an undefined gap (from a
|
8
|
+
null point), then the line above it should have the same gap - insert zeros
|
9
|
+
instead of "null" if you want another behaviour. This also holds for the start
|
10
|
+
and end of the chart. Note that stacking a mix of positive and negative values
|
11
|
+
in most instances doesn't make sense (so it looks weird).
|
12
|
+
|
13
|
+
Two or more series are stacked when their "stack" attribute is set to the same
|
14
|
+
key (which can be any number or string or just "true"). To specify the default
|
15
|
+
stack, you can set the stack option like this:
|
16
|
+
|
17
|
+
series: {
|
18
|
+
stack: null/false, true, or a key (number/string)
|
19
|
+
}
|
20
|
+
|
21
|
+
You can also specify it for a single series, like this:
|
22
|
+
|
23
|
+
$.plot( $("#placeholder"), [{
|
24
|
+
data: [ ... ],
|
25
|
+
stack: true
|
26
|
+
}])
|
27
|
+
|
28
|
+
The stacking order is determined by the order of the data series in the array
|
29
|
+
(later series end up on top of the previous).
|
30
|
+
|
31
|
+
Internally, the plugin modifies the datapoints in each series, adding an
|
32
|
+
offset to the y value. For line series, extra data points are inserted through
|
33
|
+
interpolation. If there's a second y value, it's also adjusted (e.g for bar
|
34
|
+
charts or filled areas).
|
35
|
+
|
36
|
+
*/
|
37
|
+
|
38
|
+
(function ($) {
|
39
|
+
var options = {
|
40
|
+
series: { stack: null } // or number/string
|
41
|
+
};
|
42
|
+
|
43
|
+
function init(plot) {
|
44
|
+
function findMatchingSeries(s, allseries) {
|
45
|
+
var res = null;
|
46
|
+
for (var i = 0; i < allseries.length; ++i) {
|
47
|
+
if (s == allseries[i])
|
48
|
+
break;
|
49
|
+
|
50
|
+
if (allseries[i].stack == s.stack)
|
51
|
+
res = allseries[i];
|
52
|
+
}
|
53
|
+
|
54
|
+
return res;
|
55
|
+
}
|
56
|
+
|
57
|
+
function stackData(plot, s, datapoints) {
|
58
|
+
if (s.stack == null || s.stack === false)
|
59
|
+
return;
|
60
|
+
|
61
|
+
var other = findMatchingSeries(s, plot.getData());
|
62
|
+
if (!other)
|
63
|
+
return;
|
64
|
+
|
65
|
+
var ps = datapoints.pointsize,
|
66
|
+
points = datapoints.points,
|
67
|
+
otherps = other.datapoints.pointsize,
|
68
|
+
otherpoints = other.datapoints.points,
|
69
|
+
newpoints = [],
|
70
|
+
px, py, intery, qx, qy, bottom,
|
71
|
+
withlines = s.lines.show,
|
72
|
+
horizontal = s.bars.horizontal,
|
73
|
+
withbottom = ps > 2 && (horizontal ? datapoints.format[2].x : datapoints.format[2].y),
|
74
|
+
withsteps = withlines && s.lines.steps,
|
75
|
+
fromgap = true,
|
76
|
+
keyOffset = horizontal ? 1 : 0,
|
77
|
+
accumulateOffset = horizontal ? 0 : 1,
|
78
|
+
i = 0, j = 0, l, m;
|
79
|
+
|
80
|
+
while (true) {
|
81
|
+
if (i >= points.length)
|
82
|
+
break;
|
83
|
+
|
84
|
+
l = newpoints.length;
|
85
|
+
|
86
|
+
if (points[i] == null) {
|
87
|
+
// copy gaps
|
88
|
+
for (m = 0; m < ps; ++m)
|
89
|
+
newpoints.push(points[i + m]);
|
90
|
+
i += ps;
|
91
|
+
}
|
92
|
+
else if (j >= otherpoints.length) {
|
93
|
+
// for lines, we can't use the rest of the points
|
94
|
+
if (!withlines) {
|
95
|
+
for (m = 0; m < ps; ++m)
|
96
|
+
newpoints.push(points[i + m]);
|
97
|
+
}
|
98
|
+
i += ps;
|
99
|
+
}
|
100
|
+
else if (otherpoints[j] == null) {
|
101
|
+
// oops, got a gap
|
102
|
+
for (m = 0; m < ps; ++m)
|
103
|
+
newpoints.push(null);
|
104
|
+
fromgap = true;
|
105
|
+
j += otherps;
|
106
|
+
}
|
107
|
+
else {
|
108
|
+
// cases where we actually got two points
|
109
|
+
px = points[i + keyOffset];
|
110
|
+
py = points[i + accumulateOffset];
|
111
|
+
qx = otherpoints[j + keyOffset];
|
112
|
+
qy = otherpoints[j + accumulateOffset];
|
113
|
+
bottom = 0;
|
114
|
+
|
115
|
+
if (px == qx) {
|
116
|
+
for (m = 0; m < ps; ++m)
|
117
|
+
newpoints.push(points[i + m]);
|
118
|
+
|
119
|
+
newpoints[l + accumulateOffset] += qy;
|
120
|
+
bottom = qy;
|
121
|
+
|
122
|
+
i += ps;
|
123
|
+
j += otherps;
|
124
|
+
}
|
125
|
+
else if (px > qx) {
|
126
|
+
// we got past point below, might need to
|
127
|
+
// insert interpolated extra point
|
128
|
+
if (withlines && i > 0 && points[i - ps] != null) {
|
129
|
+
intery = py + (points[i - ps + accumulateOffset] - py) * (qx - px) / (points[i - ps + keyOffset] - px);
|
130
|
+
newpoints.push(qx);
|
131
|
+
newpoints.push(intery + qy);
|
132
|
+
for (m = 2; m < ps; ++m)
|
133
|
+
newpoints.push(points[i + m]);
|
134
|
+
bottom = qy;
|
135
|
+
}
|
136
|
+
|
137
|
+
j += otherps;
|
138
|
+
}
|
139
|
+
else { // px < qx
|
140
|
+
if (fromgap && withlines) {
|
141
|
+
// if we come from a gap, we just skip this point
|
142
|
+
i += ps;
|
143
|
+
continue;
|
144
|
+
}
|
145
|
+
|
146
|
+
for (m = 0; m < ps; ++m)
|
147
|
+
newpoints.push(points[i + m]);
|
148
|
+
|
149
|
+
// we might be able to interpolate a point below,
|
150
|
+
// this can give us a better y
|
151
|
+
if (withlines && j > 0 && otherpoints[j - otherps] != null)
|
152
|
+
bottom = qy + (otherpoints[j - otherps + accumulateOffset] - qy) * (px - qx) / (otherpoints[j - otherps + keyOffset] - qx);
|
153
|
+
|
154
|
+
newpoints[l + accumulateOffset] += bottom;
|
155
|
+
|
156
|
+
i += ps;
|
157
|
+
}
|
158
|
+
|
159
|
+
fromgap = false;
|
160
|
+
|
161
|
+
if (l != newpoints.length && withbottom)
|
162
|
+
newpoints[l + 2] += bottom;
|
163
|
+
}
|
164
|
+
|
165
|
+
// maintain the line steps invariant
|
166
|
+
if (withsteps && l != newpoints.length && l > 0
|
167
|
+
&& newpoints[l] != null
|
168
|
+
&& newpoints[l] != newpoints[l - ps]
|
169
|
+
&& newpoints[l + 1] != newpoints[l - ps + 1]) {
|
170
|
+
for (m = 0; m < ps; ++m)
|
171
|
+
newpoints[l + ps + m] = newpoints[l + m];
|
172
|
+
newpoints[l + 1] = newpoints[l - ps + 1];
|
173
|
+
}
|
174
|
+
}
|
175
|
+
|
176
|
+
datapoints.points = newpoints;
|
177
|
+
}
|
178
|
+
|
179
|
+
plot.hooks.processDatapoints.push(stackData);
|
180
|
+
}
|
181
|
+
|
182
|
+
$.plot.plugins.push({
|
183
|
+
init: init,
|
184
|
+
options: options,
|
185
|
+
name: 'stack',
|
186
|
+
version: '1.2'
|
187
|
+
});
|
188
|
+
})(jQuery);
|
@@ -0,0 +1,36 @@
|
|
1
|
+
/* Flot plugin for stacking data sets rather than overlyaing them.
|
2
|
+
|
3
|
+
Copyright (c) 2007-2013 IOLA and Ole Laursen.
|
4
|
+
Licensed under the MIT license.
|
5
|
+
|
6
|
+
The plugin assumes the data is sorted on x (or y if stacking horizontally).
|
7
|
+
For line charts, it is assumed that if a line has an undefined gap (from a
|
8
|
+
null point), then the line above it should have the same gap - insert zeros
|
9
|
+
instead of "null" if you want another behaviour. This also holds for the start
|
10
|
+
and end of the chart. Note that stacking a mix of positive and negative values
|
11
|
+
in most instances doesn't make sense (so it looks weird).
|
12
|
+
|
13
|
+
Two or more series are stacked when their "stack" attribute is set to the same
|
14
|
+
key (which can be any number or string or just "true"). To specify the default
|
15
|
+
stack, you can set the stack option like this:
|
16
|
+
|
17
|
+
series: {
|
18
|
+
stack: null/false, true, or a key (number/string)
|
19
|
+
}
|
20
|
+
|
21
|
+
You can also specify it for a single series, like this:
|
22
|
+
|
23
|
+
$.plot( $("#placeholder"), [{
|
24
|
+
data: [ ... ],
|
25
|
+
stack: true
|
26
|
+
}])
|
27
|
+
|
28
|
+
The stacking order is determined by the order of the data series in the array
|
29
|
+
(later series end up on top of the previous).
|
30
|
+
|
31
|
+
Internally, the plugin modifies the datapoints in each series, adding an
|
32
|
+
offset to the y value. For line series, extra data points are inserted through
|
33
|
+
interpolation. If there's a second y value, it's also adjusted (e.g for bar
|
34
|
+
charts or filled areas).
|
35
|
+
|
36
|
+
*/(function(e){function n(e){function t(e,t){var n=null;for(var r=0;r<t.length;++r){if(e==t[r])break;t[r].stack==e.stack&&(n=t[r])}return n}function n(e,n,r){if(n.stack==null||n.stack===!1)return;var i=t(n,e.getData());if(!i)return;var s=r.pointsize,o=r.points,u=i.datapoints.pointsize,a=i.datapoints.points,f=[],l,c,h,p,d,v,m=n.lines.show,g=n.bars.horizontal,y=s>2&&(g?r.format[2].x:r.format[2].y),b=m&&n.lines.steps,w=!0,E=g?1:0,S=g?0:1,x=0,T=0,N,C;for(;;){if(x>=o.length)break;N=f.length;if(o[x]==null){for(C=0;C<s;++C)f.push(o[x+C]);x+=s}else if(T>=a.length){if(!m)for(C=0;C<s;++C)f.push(o[x+C]);x+=s}else if(a[T]==null){for(C=0;C<s;++C)f.push(null);w=!0,T+=u}else{l=o[x+E],c=o[x+S],p=a[T+E],d=a[T+S],v=0;if(l==p){for(C=0;C<s;++C)f.push(o[x+C]);f[N+S]+=d,v=d,x+=s,T+=u}else if(l>p){if(m&&x>0&&o[x-s]!=null){h=c+(o[x-s+S]-c)*(p-l)/(o[x-s+E]-l),f.push(p),f.push(h+d);for(C=2;C<s;++C)f.push(o[x+C]);v=d}T+=u}else{if(w&&m){x+=s;continue}for(C=0;C<s;++C)f.push(o[x+C]);m&&T>0&&a[T-u]!=null&&(v=d+(a[T-u+S]-d)*(l-p)/(a[T-u+E]-p)),f[N+S]+=v,x+=s}w=!1,N!=f.length&&y&&(f[N+2]+=v)}if(b&&N!=f.length&&N>0&&f[N]!=null&&f[N]!=f[N-s]&&f[N+1]!=f[N-s+1]){for(C=0;C<s;++C)f[N+s+C]=f[N+C];f[N+1]=f[N-s+1]}}r.points=f}e.hooks.processDatapoints.push(n)}var t={series:{stack:null}};e.plot.plugins.push({init:n,options:t,name:"stack",version:"1.2"})})(jQuery);
|
@@ -0,0 +1,71 @@
|
|
1
|
+
/* Flot plugin that adds some extra symbols for plotting points.
|
2
|
+
|
3
|
+
Copyright (c) 2007-2013 IOLA and Ole Laursen.
|
4
|
+
Licensed under the MIT license.
|
5
|
+
|
6
|
+
The symbols are accessed as strings through the standard symbol options:
|
7
|
+
|
8
|
+
series: {
|
9
|
+
points: {
|
10
|
+
symbol: "square" // or "diamond", "triangle", "cross"
|
11
|
+
}
|
12
|
+
}
|
13
|
+
|
14
|
+
*/
|
15
|
+
|
16
|
+
(function ($) {
|
17
|
+
function processRawData(plot, series, datapoints) {
|
18
|
+
// we normalize the area of each symbol so it is approximately the
|
19
|
+
// same as a circle of the given radius
|
20
|
+
|
21
|
+
var handlers = {
|
22
|
+
square: function (ctx, x, y, radius, shadow) {
|
23
|
+
// pi * r^2 = (2s)^2 => s = r * sqrt(pi)/2
|
24
|
+
var size = radius * Math.sqrt(Math.PI) / 2;
|
25
|
+
ctx.rect(x - size, y - size, size + size, size + size);
|
26
|
+
},
|
27
|
+
diamond: function (ctx, x, y, radius, shadow) {
|
28
|
+
// pi * r^2 = 2s^2 => s = r * sqrt(pi/2)
|
29
|
+
var size = radius * Math.sqrt(Math.PI / 2);
|
30
|
+
ctx.moveTo(x - size, y);
|
31
|
+
ctx.lineTo(x, y - size);
|
32
|
+
ctx.lineTo(x + size, y);
|
33
|
+
ctx.lineTo(x, y + size);
|
34
|
+
ctx.lineTo(x - size, y);
|
35
|
+
},
|
36
|
+
triangle: function (ctx, x, y, radius, shadow) {
|
37
|
+
// pi * r^2 = 1/2 * s^2 * sin (pi / 3) => s = r * sqrt(2 * pi / sin(pi / 3))
|
38
|
+
var size = radius * Math.sqrt(2 * Math.PI / Math.sin(Math.PI / 3));
|
39
|
+
var height = size * Math.sin(Math.PI / 3);
|
40
|
+
ctx.moveTo(x - size/2, y + height/2);
|
41
|
+
ctx.lineTo(x + size/2, y + height/2);
|
42
|
+
if (!shadow) {
|
43
|
+
ctx.lineTo(x, y - height/2);
|
44
|
+
ctx.lineTo(x - size/2, y + height/2);
|
45
|
+
}
|
46
|
+
},
|
47
|
+
cross: function (ctx, x, y, radius, shadow) {
|
48
|
+
// pi * r^2 = (2s)^2 => s = r * sqrt(pi)/2
|
49
|
+
var size = radius * Math.sqrt(Math.PI) / 2;
|
50
|
+
ctx.moveTo(x - size, y - size);
|
51
|
+
ctx.lineTo(x + size, y + size);
|
52
|
+
ctx.moveTo(x - size, y + size);
|
53
|
+
ctx.lineTo(x + size, y - size);
|
54
|
+
}
|
55
|
+
};
|
56
|
+
|
57
|
+
var s = series.points.symbol;
|
58
|
+
if (handlers[s])
|
59
|
+
series.points.symbol = handlers[s];
|
60
|
+
}
|
61
|
+
|
62
|
+
function init(plot) {
|
63
|
+
plot.hooks.processDatapoints.push(processRawData);
|
64
|
+
}
|
65
|
+
|
66
|
+
$.plot.plugins.push({
|
67
|
+
init: init,
|
68
|
+
name: 'symbols',
|
69
|
+
version: '1.0'
|
70
|
+
});
|
71
|
+
})(jQuery);
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/* Flot plugin that adds some extra symbols for plotting points.
|
2
|
+
|
3
|
+
Copyright (c) 2007-2013 IOLA and Ole Laursen.
|
4
|
+
Licensed under the MIT license.
|
5
|
+
|
6
|
+
The symbols are accessed as strings through the standard symbol options:
|
7
|
+
|
8
|
+
series: {
|
9
|
+
points: {
|
10
|
+
symbol: "square" // or "diamond", "triangle", "cross"
|
11
|
+
}
|
12
|
+
}
|
13
|
+
|
14
|
+
*/(function(e){function t(e,t,n){var r={square:function(e,t,n,r,i){var s=r*Math.sqrt(Math.PI)/2;e.rect(t-s,n-s,s+s,s+s)},diamond:function(e,t,n,r,i){var s=r*Math.sqrt(Math.PI/2);e.moveTo(t-s,n),e.lineTo(t,n-s),e.lineTo(t+s,n),e.lineTo(t,n+s),e.lineTo(t-s,n)},triangle:function(e,t,n,r,i){var s=r*Math.sqrt(2*Math.PI/Math.sin(Math.PI/3)),o=s*Math.sin(Math.PI/3);e.moveTo(t-s/2,n+o/2),e.lineTo(t+s/2,n+o/2),i||(e.lineTo(t,n-o/2),e.lineTo(t-s/2,n+o/2))},cross:function(e,t,n,r,i){var s=r*Math.sqrt(Math.PI)/2;e.moveTo(t-s,n-s),e.lineTo(t+s,n+s),e.moveTo(t-s,n+s),e.lineTo(t+s,n-s)}},i=t.points.symbol;r[i]&&(t.points.symbol=r[i])}function n(e){e.hooks.processDatapoints.push(t)}e.plot.plugins.push({init:n,name:"symbols",version:"1.0"})})(jQuery);
|
@@ -0,0 +1,142 @@
|
|
1
|
+
/* Flot plugin for thresholding data.
|
2
|
+
|
3
|
+
Copyright (c) 2007-2013 IOLA and Ole Laursen.
|
4
|
+
Licensed under the MIT license.
|
5
|
+
|
6
|
+
The plugin supports these options:
|
7
|
+
|
8
|
+
series: {
|
9
|
+
threshold: {
|
10
|
+
below: number
|
11
|
+
color: colorspec
|
12
|
+
}
|
13
|
+
}
|
14
|
+
|
15
|
+
It can also be applied to a single series, like this:
|
16
|
+
|
17
|
+
$.plot( $("#placeholder"), [{
|
18
|
+
data: [ ... ],
|
19
|
+
threshold: { ... }
|
20
|
+
}])
|
21
|
+
|
22
|
+
An array can be passed for multiple thresholding, like this:
|
23
|
+
|
24
|
+
threshold: [{
|
25
|
+
below: number1
|
26
|
+
color: color1
|
27
|
+
},{
|
28
|
+
below: number2
|
29
|
+
color: color2
|
30
|
+
}]
|
31
|
+
|
32
|
+
These multiple threshold objects can be passed in any order since they are
|
33
|
+
sorted by the processing function.
|
34
|
+
|
35
|
+
The data points below "below" are drawn with the specified color. This makes
|
36
|
+
it easy to mark points below 0, e.g. for budget data.
|
37
|
+
|
38
|
+
Internally, the plugin works by splitting the data into two series, above and
|
39
|
+
below the threshold. The extra series below the threshold will have its label
|
40
|
+
cleared and the special "originSeries" attribute set to the original series.
|
41
|
+
You may need to check for this in hover events.
|
42
|
+
|
43
|
+
*/
|
44
|
+
|
45
|
+
(function ($) {
|
46
|
+
var options = {
|
47
|
+
series: { threshold: null } // or { below: number, color: color spec}
|
48
|
+
};
|
49
|
+
|
50
|
+
function init(plot) {
|
51
|
+
function thresholdData(plot, s, datapoints, below, color) {
|
52
|
+
var ps = datapoints.pointsize, i, x, y, p, prevp,
|
53
|
+
thresholded = $.extend({}, s); // note: shallow copy
|
54
|
+
|
55
|
+
thresholded.datapoints = { points: [], pointsize: ps, format: datapoints.format };
|
56
|
+
thresholded.label = null;
|
57
|
+
thresholded.color = color;
|
58
|
+
thresholded.threshold = null;
|
59
|
+
thresholded.originSeries = s;
|
60
|
+
thresholded.data = [];
|
61
|
+
|
62
|
+
var origpoints = datapoints.points,
|
63
|
+
addCrossingPoints = s.lines.show;
|
64
|
+
|
65
|
+
var threspoints = [];
|
66
|
+
var newpoints = [];
|
67
|
+
var m;
|
68
|
+
|
69
|
+
for (i = 0; i < origpoints.length; i += ps) {
|
70
|
+
x = origpoints[i];
|
71
|
+
y = origpoints[i + 1];
|
72
|
+
|
73
|
+
prevp = p;
|
74
|
+
if (y < below)
|
75
|
+
p = threspoints;
|
76
|
+
else
|
77
|
+
p = newpoints;
|
78
|
+
|
79
|
+
if (addCrossingPoints && prevp != p && x != null
|
80
|
+
&& i > 0 && origpoints[i - ps] != null) {
|
81
|
+
var interx = x + (below - y) * (x - origpoints[i - ps]) / (y - origpoints[i - ps + 1]);
|
82
|
+
prevp.push(interx);
|
83
|
+
prevp.push(below);
|
84
|
+
for (m = 2; m < ps; ++m)
|
85
|
+
prevp.push(origpoints[i + m]);
|
86
|
+
|
87
|
+
p.push(null); // start new segment
|
88
|
+
p.push(null);
|
89
|
+
for (m = 2; m < ps; ++m)
|
90
|
+
p.push(origpoints[i + m]);
|
91
|
+
p.push(interx);
|
92
|
+
p.push(below);
|
93
|
+
for (m = 2; m < ps; ++m)
|
94
|
+
p.push(origpoints[i + m]);
|
95
|
+
}
|
96
|
+
|
97
|
+
p.push(x);
|
98
|
+
p.push(y);
|
99
|
+
for (m = 2; m < ps; ++m)
|
100
|
+
p.push(origpoints[i + m]);
|
101
|
+
}
|
102
|
+
|
103
|
+
datapoints.points = newpoints;
|
104
|
+
thresholded.datapoints.points = threspoints;
|
105
|
+
|
106
|
+
if (thresholded.datapoints.points.length > 0) {
|
107
|
+
var origIndex = $.inArray(s, plot.getData());
|
108
|
+
// Insert newly-generated series right after original one (to prevent it from becoming top-most)
|
109
|
+
plot.getData().splice(origIndex + 1, 0, thresholded);
|
110
|
+
}
|
111
|
+
|
112
|
+
// FIXME: there are probably some edge cases left in bars
|
113
|
+
}
|
114
|
+
|
115
|
+
function processThresholds(plot, s, datapoints) {
|
116
|
+
if (!s.threshold)
|
117
|
+
return;
|
118
|
+
|
119
|
+
if (s.threshold instanceof Array) {
|
120
|
+
s.threshold.sort(function(a, b) {
|
121
|
+
return a.below - b.below;
|
122
|
+
});
|
123
|
+
|
124
|
+
$(s.threshold).each(function(i, th) {
|
125
|
+
thresholdData(plot, s, datapoints, th.below, th.color);
|
126
|
+
});
|
127
|
+
}
|
128
|
+
else {
|
129
|
+
thresholdData(plot, s, datapoints, s.threshold.below, s.threshold.color);
|
130
|
+
}
|
131
|
+
}
|
132
|
+
|
133
|
+
plot.hooks.processDatapoints.push(processThresholds);
|
134
|
+
}
|
135
|
+
|
136
|
+
$.plot.plugins.push({
|
137
|
+
init: init,
|
138
|
+
options: options,
|
139
|
+
name: 'threshold',
|
140
|
+
version: '1.2'
|
141
|
+
});
|
142
|
+
})(jQuery);
|
@@ -0,0 +1,43 @@
|
|
1
|
+
/* Flot plugin for thresholding data.
|
2
|
+
|
3
|
+
Copyright (c) 2007-2013 IOLA and Ole Laursen.
|
4
|
+
Licensed under the MIT license.
|
5
|
+
|
6
|
+
The plugin supports these options:
|
7
|
+
|
8
|
+
series: {
|
9
|
+
threshold: {
|
10
|
+
below: number
|
11
|
+
color: colorspec
|
12
|
+
}
|
13
|
+
}
|
14
|
+
|
15
|
+
It can also be applied to a single series, like this:
|
16
|
+
|
17
|
+
$.plot( $("#placeholder"), [{
|
18
|
+
data: [ ... ],
|
19
|
+
threshold: { ... }
|
20
|
+
}])
|
21
|
+
|
22
|
+
An array can be passed for multiple thresholding, like this:
|
23
|
+
|
24
|
+
threshold: [{
|
25
|
+
below: number1
|
26
|
+
color: color1
|
27
|
+
},{
|
28
|
+
below: number2
|
29
|
+
color: color2
|
30
|
+
}]
|
31
|
+
|
32
|
+
These multiple threshold objects can be passed in any order since they are
|
33
|
+
sorted by the processing function.
|
34
|
+
|
35
|
+
The data points below "below" are drawn with the specified color. This makes
|
36
|
+
it easy to mark points below 0, e.g. for budget data.
|
37
|
+
|
38
|
+
Internally, the plugin works by splitting the data into two series, above and
|
39
|
+
below the threshold. The extra series below the threshold will have its label
|
40
|
+
cleared and the special "originSeries" attribute set to the original series.
|
41
|
+
You may need to check for this in hover events.
|
42
|
+
|
43
|
+
*/(function(e){function n(t){function n(t,n,r,i,s){var o=r.pointsize,u,a,f,l,c,h=e.extend({},n);h.datapoints={points:[],pointsize:o,format:r.format},h.label=null,h.color=s,h.threshold=null,h.originSeries=n,h.data=[];var p=r.points,d=n.lines.show,v=[],m=[],g;for(u=0;u<p.length;u+=o){a=p[u],f=p[u+1],c=l,f<i?l=v:l=m;if(d&&c!=l&&a!=null&&u>0&&p[u-o]!=null){var y=a+(i-f)*(a-p[u-o])/(f-p[u-o+1]);c.push(y),c.push(i);for(g=2;g<o;++g)c.push(p[u+g]);l.push(null),l.push(null);for(g=2;g<o;++g)l.push(p[u+g]);l.push(y),l.push(i);for(g=2;g<o;++g)l.push(p[u+g])}l.push(a),l.push(f);for(g=2;g<o;++g)l.push(p[u+g])}r.points=m,h.datapoints.points=v;if(h.datapoints.points.length>0){var b=e.inArray(n,t.getData());t.getData().splice(b+1,0,h)}}function r(t,r,i){if(!r.threshold)return;r.threshold instanceof Array?(r.threshold.sort(function(e,t){return e.below-t.below}),e(r.threshold).each(function(e,o){n(t,r,i,o.below,o.color)})):n(t,r,i,r.threshold.below,r.threshold.color)}t.hooks.processDatapoints.push(r)}var t={series:{threshold:null}};e.plot.plugins.push({init:n,options:t,name:"threshold",version:"1.2"})})(jQuery);
|