| /* |
| Flot plugin for thresholding data. Controlled through the option |
| "threshold" in either the global series options |
| |
| series: { |
| threshold: { |
| below: number |
| color: colorspec |
| } |
| } |
| |
| or in a specific series |
| |
| $.plot($("#placeholder"), [{ data: [ ... ], threshold: { ... }}]) |
| |
| The data points below "below" are drawn with the specified color. This |
| makes it easy to mark points below 0, e.g. for budget data. |
| |
| Internally, the plugin works by splitting the data into two series, |
| above and below the threshold. The extra series below the threshold |
| will have its label cleared and the special "originSeries" attribute |
| set to the original series. You may need to check for this in hover |
| events. |
| */ |
| |
| (function ($) { |
| var options = { |
| series: { threshold: null } // or { below: number, color: color spec} |
| }; |
| |
| function init(plot) { |
| function thresholdData(plot, s, datapoints) { |
| if (!s.threshold) |
| return; |
| |
| var ps = datapoints.pointsize, i, x, y, p, prevp, |
| thresholded = $.extend({}, s); // note: shallow copy |
| |
| thresholded.datapoints = { points: [], pointsize: ps }; |
| thresholded.label = null; |
| thresholded.color = s.threshold.color; |
| thresholded.threshold = null; |
| thresholded.originSeries = s; |
| thresholded.data = []; |
| |
| var below = s.threshold.below, |
| origpoints = datapoints.points, |
| addCrossingPoints = s.lines.show; |
| |
| threspoints = []; |
| newpoints = []; |
| |
| for (i = 0; i < origpoints.length; i += ps) { |
| x = origpoints[i] |
| y = origpoints[i + 1]; |
| |
| prevp = p; |
| if (y < below) |
| p = threspoints; |
| else |
| p = newpoints; |
| |
| if (addCrossingPoints && prevp != p && x != null |
| && i > 0 && origpoints[i - ps] != null) { |
| var interx = (x - origpoints[i - ps]) / (y - origpoints[i - ps + 1]) * (below - y) + x; |
| prevp.push(interx); |
| prevp.push(below); |
| for (m = 2; m < ps; ++m) |
| prevp.push(origpoints[i + m]); |
| |
| p.push(null); // start new segment |
| p.push(null); |
| for (m = 2; m < ps; ++m) |
| p.push(origpoints[i + m]); |
| p.push(interx); |
| p.push(below); |
| for (m = 2; m < ps; ++m) |
| p.push(origpoints[i + m]); |
| } |
| |
| p.push(x); |
| p.push(y); |
| } |
| |
| datapoints.points = newpoints; |
| thresholded.datapoints.points = threspoints; |
| |
| if (thresholded.datapoints.points.length > 0) |
| plot.getData().push(thresholded); |
| |
| // FIXME: there are probably some edge cases left in bars |
| } |
| |
| plot.hooks.processDatapoints.push(thresholdData); |
| } |
| |
| $.plot.plugins.push({ |
| init: init, |
| options: options, |
| name: 'threshold', |
| version: '1.0' |
| }); |
| })(jQuery); |