Compute the maxYLabelWith using the precision.

As I introduced the precision, the maxYLabelWith is not the width of the raw
value but the width of the formatted one.

As the computing the of maxYLabelWidth is done in calc(), I moved yInterval in
it because I need it to compute the precision. Also I think it makes more sense,
because the calc() method is supposed to "do any size-related calculations".
This commit is contained in:
Thomas Pelletier 2012-05-14 11:03:12 +01:00
parent dbc114e060
commit 7def73fbf6
3 changed files with 31 additions and 28 deletions

View File

@ -149,11 +149,19 @@ class Morris.Line
calc: -> calc: ->
w = @el.width() w = @el.width()
h = @el.height() h = @el.height()
@yInterval = (@options.ymax - @options.ymin) / (@options.numLines - 1)
if (@yInterval < 1)
@precision = -parseInt(@yInterval.toExponential().split('e')[1])
else
@precision = 0
if @elementWidth != w or @elementHeight != h if @elementWidth != w or @elementHeight != h
# calculate grid dimensions # calculate grid dimensions
@maxYLabelWidth = Math.max( @maxYLabelWidth = Math.max(
@measureText(@yLabelFormat(@options.ymin), @options.gridTextSize).width, @measureText(@yLabelFormat(@options.ymin.toFixed(@precision)), @options.gridTextSize).width,
@measureText(@yLabelFormat(@options.ymax), @options.gridTextSize).width) @measureText(@yLabelFormat(@options.ymax.toFixed(@precision)), @options.gridTextSize).width)
@left = @maxYLabelWidth + @options.marginLeft @left = @maxYLabelWidth + @options.marginLeft
@width = @el.width() - @left - @options.marginRight @width = @el.width() - @left - @options.marginRight
@height = @el.height() - @options.marginTop - @options.marginBottom @height = @el.height() - @options.marginTop - @options.marginBottom
@ -203,19 +211,14 @@ class Morris.Line
# #
drawGrid: -> drawGrid: ->
# draw y axis labels, horizontal lines # draw y axis labels, horizontal lines
yInterval = (@options.ymax - @options.ymin) / (@options.numLines - 1) firstY = @options.ymin
firstY = (@options.ymin / yInterval) * yInterval lastY = @options.ymax
lastY = (@options.ymax / yInterval) * yInterval
if (yInterval < 1)
precision = -parseInt(yInterval.toExponential().split('e')[1])
else
precision = 0
for lineY in [firstY..lastY] by yInterval for lineY in [firstY..lastY] by @yInterval
v = lineY v = lineY
y = @transY(v) y = @transY(v)
@r.text(@left - @options.marginLeft/2, y, @yLabelFormat(v.toFixed(precision))) @r.text(@left - @options.marginLeft/2, y, @yLabelFormat(v.toFixed(@precision)))
.attr('font-size', @options.gridTextSize) .attr('font-size', @options.gridTextSize)
.attr('fill', @options.gridTextColor) .attr('fill', @options.gridTextColor)
.attr('text-anchor', 'end') .attr('text-anchor', 'end')

View File

@ -178,8 +178,14 @@
_this = this; _this = this;
w = this.el.width(); w = this.el.width();
h = this.el.height(); h = this.el.height();
this.yInterval = (this.options.ymax - this.options.ymin) / (this.options.numLines - 1);
if (this.yInterval < 1) {
this.precision = -parseInt(this.yInterval.toExponential().split('e')[1]);
} else {
this.precision = 0;
}
if (this.elementWidth !== w || this.elementHeight !== h) { if (this.elementWidth !== w || this.elementHeight !== h) {
this.maxYLabelWidth = Math.max(this.measureText(this.yLabelFormat(this.options.ymin), this.options.gridTextSize).width, this.measureText(this.yLabelFormat(this.options.ymax), this.options.gridTextSize).width); this.maxYLabelWidth = Math.max(this.measureText(this.yLabelFormat(this.options.ymin.toFixed(this.precision)), this.options.gridTextSize).width, this.measureText(this.yLabelFormat(this.options.ymax.toFixed(this.precision)), this.options.gridTextSize).width);
this.left = this.maxYLabelWidth + this.options.marginLeft; this.left = this.maxYLabelWidth + this.options.marginLeft;
this.width = this.el.width() - this.left - this.options.marginRight; this.width = this.el.width() - this.left - this.options.marginRight;
this.height = this.el.height() - this.options.marginTop - this.options.marginBottom; this.height = this.el.height() - this.options.marginTop - this.options.marginBottom;
@ -241,20 +247,14 @@
}; };
Line.prototype.drawGrid = function() { Line.prototype.drawGrid = function() {
var drawLabel, firstY, i, l, labelText, lastY, lineY, precision, prevLabelMargin, v, xLabelMargin, y, yInterval, ypos, _i, _j, _k, _len, _ref, _ref1, _results, _results1, var drawLabel, firstY, i, l, labelText, lastY, lineY, prevLabelMargin, v, xLabelMargin, y, ypos, _i, _j, _k, _len, _ref, _ref1, _ref2, _results, _results1,
_this = this; _this = this;
yInterval = (this.options.ymax - this.options.ymin) / (this.options.numLines - 1); firstY = this.options.ymin;
firstY = (this.options.ymin / yInterval) * yInterval; lastY = this.options.ymax;
lastY = (this.options.ymax / yInterval) * yInterval; for (lineY = _i = firstY, _ref = this.yInterval; firstY <= lastY ? _i <= lastY : _i >= lastY; lineY = _i += _ref) {
if (yInterval < 1) {
precision = -parseInt(yInterval.toExponential().split('e')[1]);
} else {
precision = 0;
}
for (lineY = _i = firstY; firstY <= lastY ? _i <= lastY : _i >= lastY; lineY = _i += yInterval) {
v = lineY; v = lineY;
y = this.transY(v); y = this.transY(v);
this.r.text(this.left - this.options.marginLeft / 2, y, this.yLabelFormat(v.toFixed(precision))).attr('font-size', this.options.gridTextSize).attr('fill', this.options.gridTextColor).attr('text-anchor', 'end'); this.r.text(this.left - this.options.marginLeft / 2, y, this.yLabelFormat(v.toFixed(this.precision))).attr('font-size', this.options.gridTextSize).attr('fill', this.options.gridTextColor).attr('text-anchor', 'end');
this.r.path("M" + this.left + "," + y + "H" + (this.left + this.width)).attr('stroke', this.options.gridLineColor).attr('stroke-width', this.options.gridStrokeWidth); this.r.path("M" + this.left + "," + y + "H" + (this.left + this.width)).attr('stroke', this.options.gridLineColor).attr('stroke-width', this.options.gridStrokeWidth);
} }
ypos = this.options.marginTop + this.height + this.options.marginBottom / 2; ypos = this.options.marginTop + this.height + this.options.marginBottom / 2;
@ -274,17 +274,17 @@
if (this.columnLabels.length === 1 && this.options.xLabels === 'auto') { if (this.columnLabels.length === 1 && this.options.xLabels === 'auto') {
return drawLabel(this.columnLabels[0], this.xvals[0]); return drawLabel(this.columnLabels[0], this.xvals[0]);
} else { } else {
_ref = Morris.labelSeries(this.xmin, this.xmax, this.width, this.options.xLabels, this.options.xLabelFormat); _ref1 = Morris.labelSeries(this.xmin, this.xmax, this.width, this.options.xLabels, this.options.xLabelFormat);
_results = []; _results = [];
for (_j = 0, _len = _ref.length; _j < _len; _j++) { for (_j = 0, _len = _ref1.length; _j < _len; _j++) {
l = _ref[_j]; l = _ref1[_j];
_results.push(drawLabel(l[0], l[1])); _results.push(drawLabel(l[0], l[1]));
} }
return _results; return _results;
} }
} else { } else {
_results1 = []; _results1 = [];
for (i = _k = 0, _ref1 = this.columnLabels.length; 0 <= _ref1 ? _k <= _ref1 : _k >= _ref1; i = 0 <= _ref1 ? ++_k : --_k) { for (i = _k = 0, _ref2 = this.columnLabels.length; 0 <= _ref2 ? _k <= _ref2 : _k >= _ref2; i = 0 <= _ref2 ? ++_k : --_k) {
labelText = this.columnLabels[this.columnLabels.length - i - 1]; labelText = this.columnLabels[this.columnLabels.length - i - 1];
_results1.push(drawLabel(labelText, i)); _results1.push(drawLabel(labelText, i));
} }

2
morris.min.js vendored

File diff suppressed because one or more lines are too long