X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=dygraph-utils.js;h=7aeca8d4e67b7b2c896d6ec80ca602124fde08d6;hb=a570118833885dfc7b52840b2c33da8a3abd459a;hp=f9cc85b35d57f7632d3fac6b0425b417f792a943;hpb=240c0b11ae059f7106eb934dd56e82a2ac9e726b;p=dygraphs.git diff --git a/dygraph-utils.js b/dygraph-utils.js index f9cc85b..7aeca8d 100644 --- a/dygraph-utils.js +++ b/dygraph-utils.js @@ -147,6 +147,21 @@ Dygraph.addEvent = function addEvent(elem, type, fn) { /** * @private + * Add an event handler. This event handler is kept until the graph is + * destroyed with a call to graph.destroy(). + * + * @param { DOM element } elem The element to add the event to. + * @param { String } type The type of the event, e.g. 'click' or 'mousemove'. + * @param { Function } fn The function to call on the event. The function takes + * one parameter: the event object. + */ +Dygraph.prototype.addEvent = function addEvent(elem, type, fn) { + Dygraph.addEvent(elem, type, fn); + this.registeredEvents_.push({ elem : elem, type : type, fn : fn }); +}; + +/** + * @private * Remove an event handler. This smooths a difference between IE and the rest of * the world. * @param { DOM element } elem The element to add the event to. @@ -332,6 +347,21 @@ Dygraph.isOK = function(x) { }; /** + * @private + * @param { Object } p The point to consider, valid points are {x, y} objects + * @param { Boolean } allowNaNY Treat point with y=NaN as valid + * @return { Boolean } Whether the point has numeric x and y. + */ +Dygraph.isValidPoint = function(p, allowNaNY) { + if (!p) return false; // null or undefined object + if (p.yval === null) return false; // missing point + if (p.x === null || p.x === undefined) return false; + if (p.y === null || p.y === undefined) return false; + if (isNaN(p.x) || (!allowNaNY && isNaN(p.y))) return false; + return true; +}; + +/** * Number formatting function which mimicks the behavior of %g in printf, i.e. * either exponential or fixed format (without trailing 0s) is used depending on * the length of the generated string. The advantage of this format is that @@ -479,9 +509,17 @@ Dygraph.dateParser = function(dateStr) { var dateStrSlashed; var d; - // Let the system try the format first. - d = Dygraph.dateStrToMillis(dateStr); - if (d && !isNaN(d)) return d; + // Let the system try the format first, with one caveat: + // YYYY-MM-DD[ HH:MM:SS] is interpreted as UTC by a variety of browsers. + // dygraphs displays dates in local time, so this will result in surprising + // inconsistencies. But if you specify "T" or "Z" (i.e. YYYY-MM-DDTHH:MM:SS), + // then you probably know what you're doing, so we'll let you go ahead. + // Issue: http://code.google.com/p/dygraphs/issues/detail?id=255 + if (dateStr.search("-") == -1 || + dateStr.search("T") != -1 || dateStr.search("Z") != -1) { + d = Dygraph.dateStrToMillis(dateStr); + if (d && !isNaN(d)) return d; + } if (dateStr.search("-") != -1) { // e.g. '2009-7-12' or '2009-07-12' dateStrSlashed = dateStr.replace("-", "/", "g"); @@ -560,7 +598,7 @@ Dygraph.updateDeep = function (self, o) { // DOM objects are shallowly-copied. self[k] = o[k]; } else if (typeof(o[k]) == 'object') { - if (typeof(self[k]) != 'object') { + if (typeof(self[k]) != 'object' || self[k] === null) { self[k] = {}; } Dygraph.updateDeep(self[k], o[k]); @@ -643,6 +681,61 @@ Dygraph.isAndroid = function() { return (/Android/).test(navigator.userAgent); }; +Dygraph.Iterator = function(array, start, length, predicate) { + start = start || 0; + length = length || array.length; + this.hasNext = true; // Use to identify if there's another element. + this.peek = null; // Use for look-ahead + this.array_ = array; + this.predicate_ = predicate; + this.end_ = Math.min(array.length, start + length); + this.nextIdx_ = start - 1; // use -1 so initial advance works. + this.next(); // ignoring result. +} + +Dygraph.Iterator.prototype.next = function() { + if (!this.hasNext) { + return null; + } + var obj = this.peek; + + var nextIdx = this.nextIdx_ + 1; + var found = false; + while (nextIdx < this.end_) { + if (!this.predicate_ || this.predicate_(this.array_, nextIdx)) { + this.peek = this.array_[nextIdx]; + found = true; + break; + } + nextIdx++; + } + this.nextIdx_ = nextIdx; + if (!found) { + this.hasNext = false; + this.peek = null; + } + return obj; +} + +/** + * @private + * Returns a new iterator over array, between indexes start and + * start + length, and only returns entries that pass the accept function + * + * @param array the array to iterate over. + * @param start the first index to iterate over, 0 if absent. + * @param length the number of elements in the array to iterate over. + * This, along with start, defines a slice of the array, and so length + * doesn't imply the number of elements in the iterator when accept + * doesn't always accept all values. array.length when absent. + * @param predicate a function that takes parameters array and idx, which + * returns true when the element should be returned. If omitted, all + * elements are accepted. + */ +Dygraph.createIterator = function(array, start, length, predicate) { + return new Dygraph.Iterator(array, start, length, predicate); +}; + /** * @private * Call a function N times at a given interval, then call a cleanup function @@ -700,7 +793,7 @@ Dygraph.isPixelChangingOptionList = function(labels, attrs) { 'clickCallback': true, 'digitsAfterDecimal': true, 'drawCallback': true, - 'drawHighlightCallback': true, + 'drawHighlightPointCallback': true, 'drawPoints': true, 'drawPointCallback': true, 'drawXGrid': true, @@ -809,21 +902,23 @@ Dygraph.compareArrays = function(array1, array2) { }; /** - * this.sides: the number of sides in the shape. - * this.rotation: the shift of the initial angle. - * this.delta: the angle shift for each line. If missing, creates a regular + * ctx: the canvas context + * sides: the number of sides in the shape. + * radius: the radius of the image. + * cx: center x coordate + * cy: center y coordinate + * rotationRadians: the shift of the initial angle, in radians. + * delta: the angle shift for each line. If missing, creates a regular * polygon. */ -Dygraph.RegularShape_ = function(sides, rotation, delta) { - this.sides = sides; - this.rotation = rotation ? rotation : 0; - this.delta = delta ? delta : Math.PI * 2 / sides; -} +Dygraph.regularShape_ = function( + ctx, sides, radius, cx, cy, rotationRadians, delta) { + rotationRadians = rotationRadians ? rotationRadians : 0; + delta = delta ? delta : Math.PI * 2 / sides; -Dygraph.RegularShape_.prototype.draw = function(ctx, cx, cy, radius) { ctx.beginPath(); var first = true; - var initialAngle = this.rotation; + var initialAngle = rotationRadians; var angle = initialAngle; var computeCoordinates = function() { @@ -837,17 +932,25 @@ Dygraph.RegularShape_.prototype.draw = function(ctx, cx, cy, radius) { var y = initialCoordinates[1]; ctx.moveTo(x, y); - for (var idx = 0; idx < this.sides; idx++) { - angle = (idx == this.sides - 1) ? initialAngle : (angle + this.delta); + for (var idx = 0; idx < sides; idx++) { + angle = (idx == sides - 1) ? initialAngle : (angle + delta); var coords = computeCoordinates(); ctx.lineTo(coords[0], coords[1]); } + ctx.fill(); ctx.stroke(); - ctx.closePath(); } -Dygraph.DrawPolygon_ = function(sides, rotation, ctx, cx, cy, color, radius, delta) { - new Dygraph.RegularShape_(sides, rotation, delta).draw(ctx, cx, cy, radius); +Dygraph.shapeFunction_ = function(sides, rotationRadians, delta) { + return function(g, name, ctx, cx, cy, color, radius) { + ctx.strokeStyle = color; + ctx.fillStyle = "white"; + Dygraph.regularShape_(ctx, sides, radius, cx, cy, rotationRadians, delta); + }; +}; + +Dygraph.DrawPolygon_ = function(sides, rotationRadians, ctx, cx, cy, color, radius, delta) { + new Dygraph.RegularShape_(sides, rotationRadians, delta).draw(ctx, cx, cy, radius); } Dygraph.Circles = { @@ -857,44 +960,21 @@ Dygraph.Circles = { ctx.arc(canvasx, canvasy, radius, 0, 2 * Math.PI, false); ctx.fill(); }, - TRIANGLE : function(g, name, ctx, cx, cy, color, radius) { - ctx.lineWidth = 1; - ctx.strokeStyle = color; - new Dygraph.RegularShape_(3).draw(ctx, cx, cy, radius); - }, - SQUARE : function(g, name, ctx, cx, cy, color, radius) { - ctx.lineWidth = 1; - ctx.strokeStyle = color; - new Dygraph.RegularShape_(4, Math.PI / 4).draw(ctx, cx, cy, radius); - }, - DIAMOND : function(g, name, ctx, cx, cy, color, radius) { - ctx.lineWidth = 1; - ctx.strokeStyle = color; - new Dygraph.RegularShape_(4).draw(ctx, cx, cy, radius); - }, - PENTAGON : function(g, name, ctx, cx, cy, color, radius) { - ctx.lineWidth = 1; - ctx.strokeStyle = color; - new Dygraph.RegularShape_(5).draw(ctx, cx, cy, radius); - }, - HEXAGON : function(g, name, ctx, cx, cy, color, radius) { - ctx.lineWidth = 1; - ctx.strokeStyle = color; - new Dygraph.RegularShape_(6).draw(ctx, cx, cy, radius); - }, + TRIANGLE : Dygraph.shapeFunction_(3), + SQUARE : Dygraph.shapeFunction_(4, Math.PI / 4), + DIAMOND : Dygraph.shapeFunction_(4), + PENTAGON : Dygraph.shapeFunction_(5), + HEXAGON : Dygraph.shapeFunction_(6), CIRCLE : function(g, name, ctx, cx, cy, color, radius) { ctx.beginPath(); - ctx.lineStyle = color; + ctx.strokeStyle = color; + ctx.fillStyle = "white"; ctx.arc(cx, cy, radius, 0, 2 * Math.PI, false); + ctx.fill(); ctx.stroke(); }, - STAR : function(g, name, ctx, cx, cy, color, radius) { - ctx.lineWidth = 1; - ctx.strokeStyle = color; - new Dygraph.RegularShape_(5, 0, 4 * Math.PI / 5).draw(ctx, cx, cy, radius); - }, + STAR : Dygraph.shapeFunction_(5, 0, 4 * Math.PI / 5), PLUS : function(g, name, ctx, cx, cy, color, radius) { - ctx.lineWidth = 1; ctx.strokeStyle = color; ctx.beginPath(); @@ -907,12 +987,10 @@ Dygraph.Circles = { ctx.moveTo(cx, cy + radius); ctx.lineTo(cx, cy - radius); ctx.closePath(); - ctx.stroke(); }, EX : function(g, name, ctx, cx, cy, color, radius) { - ctx.lineWidth = 1; - ctx.strokeStyle = "black"; + ctx.strokeStyle = color; ctx.beginPath(); ctx.moveTo(cx + radius, cy + radius); @@ -924,7 +1002,6 @@ Dygraph.Circles = { ctx.moveTo(cx + radius, cy - radius); ctx.lineTo(cx - radius, cy + radius); ctx.closePath(); - ctx.stroke(); } };