1

Display baseline on graph

This commit is contained in:
Alex Yatskov 2014-08-30 11:44:35 +09:00
parent f7a4266276
commit 05d33e03ab

View File

@ -68,6 +68,13 @@ function Column(canvas, name, params, scale, range, bounds) {
originX: 'center', originX: 'center',
originY: 'center', originY: 'center',
}); });
if (goog.math.Range.containsPoint(this.range, 0.0)) {
var position = this.getPosFromValue(0.0);
this.updateLine('baseline', [this.columnBounds.left, position, this.hintBounds.left, position], {
stroke: this.strokeColor
});
}
} }
this.updateRect('fillRect', { this.updateRect('fillRect', {
@ -113,6 +120,18 @@ function Column(canvas, name, params, scale, range, bounds) {
} }
} }
this.updateLine = function(name, points, args) {
if (name in this) {
this[name].set(args);
}
else {
var line = new fabric.Line(points, args);
this.canvas.add(line);
this.shapes.push(line);
this[name] = line;
}
}
this.updateColor = function(color) { this.updateColor = function(color) {
var fillColorRgb = goog.color.hexToRgb(goog.color.parse(color).hex); var fillColorRgb = goog.color.hexToRgb(goog.color.parse(color).hex);
var handleColorRgb = goog.color.darken(fillColorRgb, this.handleDarken); var handleColorRgb = goog.color.darken(fillColorRgb, this.handleDarken);
@ -270,6 +289,11 @@ function Column(canvas, name, params, scale, range, bounds) {
return this.range.start + this.range.getLength() * percent; return this.range.start + this.range.getLength() * percent;
} }
this.getPosFromValue = function(value) {
var percent = 1.0 - (value - this.range.start) / this.range.getLength();
return this.columnBounds.top + this.columnBounds.height * percent;
}
this.isHovering = function(position) { this.isHovering = function(position) {
return this.isGrabbing(position); return this.isGrabbing(position);
} }