X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=dygraph-layout.js;h=2552f7f8fa006c3748b6166596826a11e6bc301c;hb=b85358e2c7dc73ec1179feb17b9060e132fcdbec;hp=4caafc04aa475b0d0dd9b76f2d24a27727bbaf15;hpb=907121a86d47058a4149671ea8b8ddcc5db23c4e;p=dygraphs.git diff --git a/dygraph-layout.js b/dygraph-layout.js index 4caafc0..2552f7f 100644 --- a/dygraph-layout.js +++ b/dygraph-layout.js @@ -31,11 +31,21 @@ */ var DygraphLayout = function(dygraph) { this.dygraph_ = dygraph; - this.datasets = []; + /** + * Array of points for each series. + * + * [series index][row index in series] = |Point| structure, + * where series index refers to visible series only, and the + * point index is for the reduced set of points for the current + * zoom region (including one point just outside the window). + * All points in the same row index share the same X value. + * + * @type {Array.>} + */ + this.points = []; this.setNames = []; this.annotations = []; this.yAxes_ = null; - this.points = null; // TODO(danvk): it's odd that xTicks_ and yTicks_ are inputs, but xticks and // yticks are outputs. Clean this up. @@ -43,21 +53,29 @@ var DygraphLayout = function(dygraph) { this.yTicks_ = null; }; -DygraphLayout.prototype.attr_ = function(name) { - return this.dygraph_.attr_(name); -}; - +/** + * Add points for a single series. + * + * @param {string} setname Name of the series. + * @param {Array.} set_xy Points for the series. + */ DygraphLayout.prototype.addDataset = function(setname, set_xy) { - this.datasets.push(set_xy); + this.points.push(set_xy); this.setNames.push(setname); }; +/** + * Returns the box which the chart should be drawn in. This is the canvas's + * box, less space needed for the axis and chart labels. + * + * @return {{x: number, y: number, w: number, h: number}} + */ DygraphLayout.prototype.getPlotArea = function() { return this.area_; }; // Compute the box which the chart should be drawn in. This is the canvas's -// box, less space needed for axis and chart labels. +// box, less space needed for axis, chart labels, and other plug-ins. // NOTE: This should only be called by Dygraph.predraw_(). DygraphLayout.prototype.computePlotArea = function() { var area = { @@ -66,7 +84,7 @@ DygraphLayout.prototype.computePlotArea = function() { y: 0 }; - area.w = this.dygraph_.width_ - area.x - this.attr_('rightGap'); + area.w = this.dygraph_.width_ - area.x - this.dygraph_.attr_('rightGap'); area.h = this.dygraph_.height_; // Let plugins reserve space. @@ -127,7 +145,7 @@ DygraphLayout.prototype.setAnnotations = function(ann) { // The Dygraph object's annotations aren't parsed. We parse them here and // save a copy. If there is no parser, then the user must be using raw format. this.annotations = []; - var parse = this.attr_('xValueParser') || function(x) { return x; }; + var parse = this.dygraph_.attr_('xValueParser') || function(x) { return x; }; for (var i = 0; i < ann.length; i++) { var a = {}; if (!ann[i].xval && ann[i].x === undefined) { @@ -156,10 +174,6 @@ DygraphLayout.prototype.setYAxes = function (yAxes) { this.yAxes_ = yAxes; }; -DygraphLayout.prototype.setDateWindow = function(dateWindow) { - this.dateWindow_ = dateWindow; -}; - DygraphLayout.prototype.evaluate = function() { this._evaluateLimits(); this._evaluateLineCharts(); @@ -202,51 +216,40 @@ DygraphLayout._calcYNormal = function(axis, value, logscale) { }; DygraphLayout.prototype._evaluateLineCharts = function() { - var connectSeparated = this.attr_('connectSeparatedPoints'); - - // series index -> point index in series -> |point| structure - this.points = new Array(this.datasets.length); + var isStacked = this.dygraph_.attr_("stackedGraph"); - // TODO(bhs): these loops are a hot-spot for high-point-count charts. In fact, - // on chrome+linux, they are 6 times more expensive than iterating through the - // points and drawing the lines. The brunt of the cost comes from allocating - // the |point| structures. - for (var setIdx = 0; setIdx < this.datasets.length; setIdx++) { - var dataset = this.datasets[setIdx]; + for (var setIdx = 0; setIdx < this.points.length; setIdx++) { + var points = this.points[setIdx]; var setName = this.setNames[setIdx]; + var connectSeparated = this.dygraph_.attr_('connectSeparatedPoints', setName); var axis = this.dygraph_.axisPropertiesForSeries(setName); // TODO (konigsberg): use optionsForAxis instead. var logscale = this.dygraph_.attributes_.getForSeries("logscale", setName); - // Preallocating the size of points reduces reallocations, and therefore, - // calls to collect garbage. - var seriesPoints = new Array(dataset.length); - - for (var j = 0; j < dataset.length; j++) { - var item = dataset[j]; - var xValue = DygraphLayout.parseFloat_(item[0]); - var yValue = DygraphLayout.parseFloat_(item[1]); + for (var j = 0; j < points.length; j++) { + var point = points[j]; // Range from 0-1 where 0 represents left and 1 represents right. - var xNormal = (xValue - this.minxval) * this.xscale; + point.x = (point.xval - this.minxval) * this.xscale; // Range from 0-1 where 0 represents top and 1 represents bottom - var yNormal = DygraphLayout._calcYNormal(axis, yValue, logscale); - - // TODO(danvk): drop the point in this case, don't null it. - // The nulls create complexity in DygraphCanvasRenderer._drawSeries. - if (connectSeparated && item[1] === null) { - yValue = null; + var yval = point.yval; + if (isStacked) { + point.y_stacked = DygraphLayout._calcYNormal( + axis, point.yval_stacked, logscale); + if (yval !== null && !isNaN(yval)) { + yval = point.yval_stacked; + } } - seriesPoints[j] = { - x: xNormal, - y: yNormal, - xval: xValue, - yval: yValue, - name: setName // TODO(danvk): is this really necessary? - }; + if (yval === null) { + yval = NaN; + if (!connectSeparated) { + point.yval = NaN; + } + } + point.y = DygraphLayout._calcYNormal(axis, yval, logscale); } - this.points[setIdx] = seriesPoints; + this.dygraph_.dataHandler_.onLineEvaluated(points, axis, logscale); } }; @@ -290,45 +293,6 @@ DygraphLayout.prototype._evaluateLineTicks = function() { } }; - -/** - * Behaves the same way as PlotKit.Layout, but also copies the errors - * @private - */ -DygraphLayout.prototype.evaluateWithError = function() { - this.evaluate(); - if (!(this.attr_('errorBars') || this.attr_('customBars'))) return; - - // Copy over the error terms - var i = 0; // index in this.points - for (var setIdx = 0; setIdx < this.datasets.length; ++setIdx) { - var points = this.points[setIdx]; - var j = 0; - var dataset = this.datasets[setIdx]; - var setName = this.setNames[setIdx]; - var axis = this.dygraph_.axisPropertiesForSeries(setName); - // TODO (konigsberg): use optionsForAxis instead. - var logscale = this.dygraph_.attributes_.getForSeries("logscale", setName); - - for (j = 0; j < dataset.length; j++, i++) { - var item = dataset[j]; - var xv = DygraphLayout.parseFloat_(item[0]); - var yv = DygraphLayout.parseFloat_(item[1]); - - if (xv == points[j].xval && - yv == points[j].yval) { - var errorMinus = DygraphLayout.parseFloat_(item[2]); - var errorPlus = DygraphLayout.parseFloat_(item[3]); - - var yv_minus = yv - errorMinus; - var yv_plus = yv + errorPlus; - points[j].y_top = DygraphLayout._calcYNormal(axis, yv_minus, logscale); - points[j].y_bottom = DygraphLayout._calcYNormal(axis, yv_plus, logscale); - } - } - } -}; - DygraphLayout.prototype._evaluateAnnotations = function() { // Add the annotations to the point to which they belong. // Make a map from (setName, xval) to annotation for quick lookups. @@ -364,49 +328,12 @@ DygraphLayout.prototype._evaluateAnnotations = function() { * Convenience function to remove all the data sets from a graph */ DygraphLayout.prototype.removeAllDatasets = function() { - delete this.datasets; + delete this.points; delete this.setNames; delete this.setPointsLengths; delete this.setPointsOffsets; - this.datasets = []; + this.points = []; this.setNames = []; this.setPointsLengths = []; this.setPointsOffsets = []; }; - -/** - * Return a copy of the point at the indicated index, with its yval unstacked. - * @param int index of point in layout_.points - */ -DygraphLayout.prototype.unstackPointAtIndex = function(setIdx, row) { - var point = this.points[setIdx][row]; - // If the point is missing, no unstacking is necessary - if (!Dygraph.isValidPoint(point)) { - return point; - } - - // Clone the point since we modify it - var unstackedPoint = {}; - for (var pt in point) { - unstackedPoint[pt] = point[pt]; - } - - if (!this.attr_("stackedGraph")) { - return unstackedPoint; - } - - // The unstacked yval is equal to the current yval minus the yval of the - // next point at the same xval. - // We need to iterate over setIdx just in case some series have invalid values - // at current row - for(setIdx++; setIdx < this.points.length; setIdx++) { - var nextPoint = this.points[setIdx][row]; - if (nextPoint.xval == point.xval && // should always be true? - Dygraph.isValidPoint(nextPoint)) { - unstackedPoint.yval -= nextPoint.yval; - break; // stop at first valid point - } - } - - return unstackedPoint; -};