123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190 |
- /* Flot plugin for stacking data sets rather than overlyaing them.
- Copyright (c) 2007-2014 IOLA and Ole Laursen.
- Licensed under the MIT license.
- The plugin assumes the data is sorted on x (or y if stacking horizontally).
- For line charts, it is assumed that if a line has an undefined gap (from a
- null point), then the line above it should have the same gap - insert zeros
- instead of "null" if you want another behaviour. This also holds for the start
- and end of the chart. Note that stacking a mix of positive and negative values
- in most instances doesn't make sense (so it looks weird).
- Two or more series are stacked when their "stack" attribute is set to the same
- key (which can be any number or string or just "true"). To specify the default
- stack, you can set the stack option like this:
- series: {
- stack: null/false, true, or a key (number/string)
- }
- You can also specify it for a single series, like this:
- $.plot( $("#placeholder"), [{
- data: [ ... ],
- stack: true
- }])
- The stacking order is determined by the order of the data series in the array
- (later series end up on top of the previous).
- Internally, the plugin modifies the datapoints in each series, adding an
- offset to the y value. For line series, extra data points are inserted through
- interpolation. If there's a second y value, it's also adjusted (e.g for bar
- charts or filled areas).
- */
- (function ($) {
- var options = {
- series: { stack: null } // or number/string
- };
- function init(plot) {
- function findMatchingSeries(s, allseries) {
- var res = null;
- for (var i = 0; i < allseries.length; ++i) {
- if (s == allseries[i])
- break;
- if (allseries[i].stack == s.stack)
- res = allseries[i];
- }
- return res;
- }
- function stackData(plot, s, datapoints) {
- if (s.stack == null || s.stack === false)
- return;
- var other = findMatchingSeries(s, plot.getData());
- if (!other)
- return;
- var ps = datapoints.pointsize,
- points = datapoints.points,
- otherps = other.datapoints.pointsize,
- otherpoints = other.datapoints.points,
- newpoints = [],
- px, py, intery, qx, qy, bottom,
- withlines = s.lines.show,
- horizontal = s.bars.horizontal,
- withbottom = ps > 2 && (horizontal ? datapoints.format[2].x : datapoints.format[2].y),
- withsteps = withlines && s.lines.steps,
- keyOffset = horizontal ? 1 : 0,
- accumulateOffset = horizontal ? 0 : 1,
- i = 0, j = 0, l, m;
- while (true) {
- if (i >= points.length && j >= otherpoints.length)
- break;
- l = newpoints.length;
- if (i < points.length && points[i] == null) {
- // copy gaps
- for (m = 0; m < ps; ++m)
- newpoints.push(points[i + m]);
- i += ps;
- }
- else if (i >= points.length) {
- // take the remaining points from the previous series
- for (m = 0; m < ps; ++m)
- newpoints.push(otherpoints[j + m]);
- if (withbottom)
- newpoints[l + 2] = otherpoints[j + accumulateOffset];
- j += otherps;
- }
- else if (j >= otherpoints.length) {
- // take the remaining points from the current series
- for (m = 0; m < ps; ++m)
- newpoints.push(points[i + m]);
- i += ps;
- }
- else if (j < otherpoints.length && otherpoints[j] == null) {
- // ignore point
- j += otherps;
- }
- else {
- // cases where we actually got two points
- px = points[i + keyOffset];
- py = points[i + accumulateOffset];
- qx = otherpoints[j + keyOffset];
- qy = otherpoints[j + accumulateOffset];
- bottom = 0;
- if (px == qx) {
- for (m = 0; m < ps; ++m)
- newpoints.push(points[i + m]);
- newpoints[l + accumulateOffset] += qy;
- bottom = qy;
- i += ps;
- j += otherps;
- }
- else if (px > qx) {
- // take the point from the previous series so that next series will correctly stack
- if (i == 0) {
- for (m = 0; m < ps; ++m)
- newpoints.push(otherpoints[j + m]);
- bottom = qy;
- }
- // we got past point below, might need to
- // insert interpolated extra point
- if (i > 0 && points[i - ps] != null) {
- intery = 0;
- newpoints.push(qx);
- newpoints.push(intery + qy);
- for (m = 2; m < ps; ++m)
- newpoints.push(points[i + m]);
- bottom = qy;
- }
- j += otherps;
- }
- else { // px < qx
- for (m = 0; m < ps; ++m)
- newpoints.push(points[i + m]);
- // we might be able to interpolate a point below,
- // this can give us a better y
- if (j > 0 && otherpoints[j - otherps] != null)
- bottom = 0;
- newpoints[l + accumulateOffset] += bottom;
- i += ps;
- }
- fromgap = false;
- if (l != newpoints.length && withbottom)
- newpoints[l + 2] = bottom;
- }
- // maintain the line steps invariant
- if (withsteps && l != newpoints.length && l > 0
- && newpoints[l] != null
- && newpoints[l] != newpoints[l - ps]
- && newpoints[l + 1] != newpoints[l - ps + 1]) {
- for (m = 0; m < ps; ++m)
- newpoints[l + ps + m] = newpoints[l + m];
- newpoints[l + 1] = newpoints[l - ps + 1];
- }
- }
- datapoints.points = newpoints;
- }
- plot.hooks.processDatapoints.push(stackData);
- }
- $.plot.plugins.push({
- init: init,
- options: options,
- name: 'stack',
- version: '1.2'
- });
- })(jQuery);
|