Blame | Last modification | View Log | RSS feed
/*Flot plugin for thresholding data. Controlled through the option"threshold" in either the global series optionsseries: {threshold: {below: numbercolor: colorspec}}or in a specific series$.plot($("#placeholder"), [{ data: [ ... ], threshold: { ... }}])The data points below "below" are drawn with the specified color. Thismakes 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 thresholdwill have its label cleared and the special "originSeries" attributeset to the original series. You may need to check for this in hoverevents.*/(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 copythresholded.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;elsep = 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 segmentp.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);