Skip to content

Instantly share code, notes, and snippets.

@exodus4d
Last active Feb 6, 2021
Embed
What would you like to do?
Morris.js - ES6 Module - Example
import Raphael from 'raphael';
var Morris, compStyle, minutesSpecHelper, secondsSpecHelper,
__slice = [].slice,
__bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
__hasProp = {}.hasOwnProperty,
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
__indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
Morris /* = window.Morris*/ = {};
compStyle = function(el) {
if (getComputedStyle) {
return getComputedStyle(el, null);
} else if (el.currentStyle) {
return el.currentStyle;
} else {
return el.style;
}
};
Morris.EventEmitter = (function() {
function EventEmitter() {}
EventEmitter.prototype.on = function(name, handler) {
if (this.handlers == null) {
this.handlers = {};
}
if (this.handlers[name] == null) {
this.handlers[name] = [];
}
this.handlers[name].push(handler);
return this;
};
EventEmitter.prototype.fire = function() {
var args, handler, name, _i, _len, _ref, _results;
name = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
if ((this.handlers != null) && (this.handlers[name] != null)) {
_ref = this.handlers[name];
_results = [];
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
handler = _ref[_i];
_results.push(handler.apply(null, args));
}
return _results;
}
};
return EventEmitter;
})();
Morris.commas = function(num) {
var absnum, intnum, ret, strabsnum;
if (num != null) {
ret = num < 0 ? "-" : "";
absnum = Math.abs(num);
intnum = Math.floor(absnum).toFixed(0);
ret += intnum.replace(/(?=(?:\d{3})+$)(?!^)/g, ',');
strabsnum = absnum.toString();
if (strabsnum.length > intnum.length) {
ret += strabsnum.slice(intnum.length);
}
return ret;
} else {
return '-';
}
};
Morris.pad2 = function(number) {
return (number < 10 ? '0' : '') + number;
};
Morris.extend = function() {
var key, object, objects, properties, val, _i, _len;
object = arguments[0], objects = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
if (object == null) {
object = {};
}
for (_i = 0, _len = objects.length; _i < _len; _i++) {
properties = objects[_i];
if (properties != null) {
for (key in properties) {
val = properties[key];
if (properties.hasOwnProperty(key)) {
object[key] = val;
}
}
}
}
return object;
};
Morris.offset = function(el) {
var rect;
rect = el.getBoundingClientRect();
return {
top: rect.top + document.body.scrollTop,
left: rect.left + document.body.scrollLeft
};
};
Morris.css = function(el, prop) {
return compStyle(el)[prop];
};
Morris.on = function(el, eventName, fn) {
if (el.addEventListener) {
return el.addEventListener(eventName, fn);
} else {
return el.attachEvent('on' + eventName, fn);
}
};
Morris.off = function(el, eventName, fn) {
if (el.removeEventListener) {
return el.removeEventListener(eventName, fn);
} else {
return el.detachEvent('on' + eventName, fn);
}
};
Morris.dimensions = function(el) {
var style;
style = compStyle(el);
return {
width: parseInt(style.width),
height: parseInt(style.height)
};
};
Morris.innerDimensions = function(el) {
var style;
style = compStyle(el);
return {
width: parseInt(style.width) + parseInt(style.paddingLeft) + parseInt(style.paddingRight),
height: parseInt(style.height) + parseInt(style.paddingTop) + parseInt(style.paddingBottom)
};
};
Morris.Grid = (function(_super) {
__extends(Grid, _super);
function Grid(options) {
this.setLabels = __bind(this.setLabels, this);
this.hasToShow = __bind(this.hasToShow, this);
this.debouncedResizeHandler = __bind(this.debouncedResizeHandler, this);
this.resizeHandler = __bind(this.resizeHandler, this);
this.mouseupHandler = __bind(this.mouseupHandler, this);
this.mousedownHandler = __bind(this.mousedownHandler, this);
this.clickHandler = __bind(this.clickHandler, this);
this.touchHandler = __bind(this.touchHandler, this);
this.mouseleaveHandler = __bind(this.mouseleaveHandler, this);
this.mousemoveHandler = __bind(this.mousemoveHandler, this);
if (typeof options.element === 'string') {
this.el = document.getElementById(options.element);
} else {
this.el = options.element[0] || options.element;
}
if (this.el == null) {
throw new Error("Graph container element not found");
}
if (Morris.css(this.el, 'position') === 'static') {
this.el.style.position = 'relative';
}
this.options = Morris.extend({}, this.gridDefaults, this.defaults || {}, options);
if (typeof this.options.units === 'string') {
this.options.postUnits = options.units;
}
this.raphael = new Raphael(this.el);
this.elementWidth = null;
this.elementHeight = null;
this.dirty = false;
this.selectFrom = null;
if (this.init) {
this.init();
}
this.setData(this.options.data);
Morris.on(this.el, 'mousemove', this.mousemoveHandler);
Morris.on(this.el, 'mouseleave', this.mouseleaveHandler);
Morris.on(this.el, 'touchstart touchmove touchend', this.touchHandler);
Morris.on(this.el, 'click', this.clickHandler);
if (this.options.rangeSelect) {
this.selectionRect = this.raphael.rect(0, 0, 0, Morris.innerDimensions(this.el).height).attr({
fill: this.options.rangeSelectColor,
stroke: false
}).toBack().hide();
Morris.on(this.el, 'mousedown', this.mousedownHandler);
Morris.on(this.el, 'mouseup', this.mouseupHandler);
}
if (this.options.resize) {
Morris.on(window, 'resize', this.resizeHandler);
}
this.el.style.webkitTapHighlightColor = 'rgba(0,0,0,0)';
if (this.postInit) {
this.postInit();
}
}
Grid.prototype.gridDefaults = {
dateFormat: null,
axes: true,
freePosition: false,
grid: true,
gridIntegers: false,
gridLineColor: '#aaa',
gridStrokeWidth: 0.5,
gridTextColor: '#888',
gridTextSize: 12,
gridTextFamily: 'sans-serif',
gridTextWeight: 'normal',
hideHover: 'auto',
yLabelFormat: null,
yLabelAlign: 'right',
yLabelAlign2: 'left',
xLabelAngle: 0,
numLines: 5,
padding: 25,
parseTime: true,
postUnits: '',
postUnits2: '',
preUnits: '',
preUnits2: '',
ymax: 'auto',
ymin: 'auto 0',
ymax2: 'auto',
ymin2: 'auto 0',
regions: [],
regionsColors: ['#fde4e4'],
goals: [],
goals2: [],
goalStrokeWidth: 1.0,
goalStrokeWidth2: 1.0,
goalLineColors: ['red'],
goalLineColors2: ['red'],
events: [],
eventStrokeWidth: 1.0,
eventLineColors: ['#005a04'],
rangeSelect: null,
rangeSelectColor: '#eef',
resize: true,
dataLabels: true,
dataLabelsPosition: 'outside',
dataLabelsFamily: 'sans-serif',
dataLabelsSize: 12,
dataLabelsWeight: 'normal',
dataLabelsColor: 'auto',
animate: true,
nbYkeys2: 0,
smooth: true
};
Grid.prototype.destroy = function() {
Morris.off(this.el, 'mousemove', this.mousemoveHandler);
Morris.off(this.el, 'mouseleave', this.mouseleaveHandler);
Morris.off(this.el, 'touchstart touchmove touchend', this.touchHandler);
Morris.off(this.el, 'click', this.clickHandler);
if (this.options.rangeSelect) {
Morris.off(this.el, 'mousedown', this.mousedownHandler);
Morris.off(this.el, 'mouseup', this.mouseupHandler);
}
if (this.options.resize) {
window.clearTimeout(this.timeoutId);
return Morris.off(window, 'resize', this.resizeHandler);
}
};
Grid.prototype.setData = function(data, redraw) {
var e, flatEvents, from, idx, index, maxGoal, minGoal, ret, row, step, step2, to, total, y, ykey, ymax, ymax2, ymin, ymin2, yval, _i, _len, _ref, _ref1;
if (redraw == null) {
redraw = true;
}
this.options.data = data;
if ((data == null) || data.length === 0) {
this.data = [];
this.raphael.clear();
if (this.hover != null) {
this.hover.hide();
}
return;
}
ymax = this.cumulative ? 0 : null;
ymin = this.cumulative ? 0 : null;
ymax2 = this.cumulative ? 0 : null;
ymin2 = this.cumulative ? 0 : null;
if (this.options.goals.length > 0) {
minGoal = Math.min.apply(Math, this.options.goals);
maxGoal = Math.max.apply(Math, this.options.goals);
ymin = ymin != null ? Math.min(ymin, minGoal) : minGoal;
ymax = ymax != null ? Math.max(ymax, maxGoal) : maxGoal;
}
if (this.options.goals2.length > 0) {
minGoal = Math.min.apply(Math, this.options.goals2);
maxGoal = Math.max.apply(Math, this.options.goals2);
ymin2 = ymin2 != null ? Math.min(ymin2, minGoal) : minGoal;
ymax2 = ymax2 != null ? Math.max(ymax2, maxGoal) : maxGoal;
}
if (this.options.nbYkeys2 > this.options.ykeys.length) {
this.options.nbYkeys2 = this.options.ykeys.length;
}
this.data = (function() {
var _i, _len, _results;
_results = [];
for (index = _i = 0, _len = data.length; _i < _len; index = ++_i) {
row = data[index];
ret = {
src: row
};
ret.label = row[this.options.xkey];
if (this.options.parseTime) {
ret.x = Morris.parseDate(ret.label);
if (this.options.dateFormat) {
ret.label = this.options.dateFormat(ret.x);
} else if (typeof ret.label === 'number') {
ret.label = new Date(ret.label).toString();
}
} else if (this.options.freePosition) {
ret.x = parseFloat(row[this.options.xkey]);
if (this.options.xLabelFormat) {
ret.label = this.options.xLabelFormat(ret);
}
} else {
ret.x = index;
if (this.options.xLabelFormat) {
ret.label = this.options.xLabelFormat(ret);
}
}
total = 0;
ret.y = (function() {
var _j, _len1, _ref, _results1;
_ref = this.options.ykeys;
_results1 = [];
for (idx = _j = 0, _len1 = _ref.length; _j < _len1; idx = ++_j) {
ykey = _ref[idx];
yval = row[ykey];
if (typeof yval === 'string') {
yval = parseFloat(yval);
}
if ((yval != null) && typeof yval !== 'number') {
yval = null;
}
if (idx < this.options.ykeys.length - this.options.nbYkeys2) {
if ((yval != null) && this.hasToShow(idx)) {
if (this.cumulative) {
if (total < 0 && yval > 0) {
total = yval;
} else {
total += yval;
}
} else {
if (ymax != null) {
ymax = Math.max(yval, ymax);
ymin = Math.min(yval, ymin);
} else {
ymax = ymin = yval;
}
}
}
if (this.cumulative && (total != null)) {
ymax = Math.max(total, ymax);
ymin = Math.min(total, ymin);
}
} else {
if ((yval != null) && this.hasToShow(idx)) {
if (this.cumulative) {
total = yval;
} else {
if (ymax2 != null) {
ymax2 = Math.max(yval, ymax2);
ymin2 = Math.min(yval, ymin2);
} else {
ymax2 = ymin2 = yval;
}
}
}
if (this.cumulative && (total != null)) {
ymax2 = Math.max(total, ymax2);
ymin2 = Math.min(total, ymin2);
}
}
_results1.push(yval);
}
return _results1;
}).call(this);
_results.push(ret);
}
return _results;
}).call(this);
if (this.options.parseTime || this.options.freePosition) {
this.data = this.data.sort(function(a, b) {
return (a.x > b.x) - (b.x > a.x);
});
}
this.xmin = this.data[0].x;
this.xmax = this.data[this.data.length - 1].x;
this.events = [];
if (this.options.events.length > 0) {
if (this.options.parseTime) {
_ref = this.options.events;
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
e = _ref[_i];
if (e instanceof Array) {
from = e[0], to = e[1];
this.events.push([Morris.parseDate(from), Morris.parseDate(to)]);
} else {
this.events.push(Morris.parseDate(e));
}
}
} else {
this.events = this.options.events;
}
flatEvents = this.events.map(function(e) {
return e;
});
this.xmax = Math.max(this.xmax, Math.max.apply(Math, flatEvents));
this.xmin = Math.min(this.xmin, Math.min.apply(Math, flatEvents));
}
if (this.xmin === this.xmax) {
this.xmin -= 1;
this.xmax += 1;
}
this.ymin = this.yboundary('min', ymin);
this.ymax = this.yboundary('max', ymax);
this.ymin2 = this.yboundary('min2', ymin2);
this.ymax2 = this.yboundary('max2', ymax2);
if (this.ymin === this.ymax) {
if (ymin) {
this.ymin -= 1;
}
this.ymax += 1;
}
if (this.ymin2 === this.ymax2) {
if (ymin2) {
this.ymin2 -= 1;
}
this.ymax2 += 1;
}
if (((_ref1 = this.options.axes) === true || _ref1 === 'both' || _ref1 === 'y') || this.options.grid === true) {
if (this.options.ymax === this.gridDefaults.ymax && this.options.ymin === this.gridDefaults.ymin) {
this.grid = this.autoGridLines(this.ymin, this.ymax, this.options.numLines);
this.ymin = Math.min(this.ymin, this.grid[0]);
this.ymax = Math.max(this.ymax, this.grid[this.grid.length - 1]);
} else {
step = (this.ymax - this.ymin) / (this.options.numLines - 1);
if (this.options.gridIntegers) {
step = Math.max(1, Math.round(step));
}
this.grid = (function() {
var _j, _ref2, _ref3, _results;
_results = [];
for (y = _j = _ref2 = this.ymin, _ref3 = this.ymax; step > 0 ? _j <= _ref3 : _j >= _ref3; y = _j += step) {
_results.push(parseFloat(y.toFixed(2)));
}
return _results;
}).call(this);
}
if (this.options.ymax2 === this.gridDefaults.ymax2 && this.options.ymin2 === this.gridDefaults.ymin2 && this.options.nbYkeys2 > 0) {
this.grid2 = this.autoGridLines(this.ymin2, this.ymax2, this.options.numLines);
this.ymin2 = Math.min(this.ymin2, this.grid2[0]);
this.ymax2 = Math.max(this.ymax2, this.grid2[this.grid2.length - 1]);
} else {
step2 = (this.ymax2 - this.ymin2) / (this.options.numLines - 1);
this.grid2 = (function() {
var _j, _ref2, _ref3, _results;
_results = [];
for (y = _j = _ref2 = this.ymin2, _ref3 = this.ymax2; step2 > 0 ? _j <= _ref3 : _j >= _ref3; y = _j += step2) {
_results.push(parseFloat(y.toFixed(2)));
}
return _results;
}).call(this);
}
}
this.dirty = true;
if (redraw) {
return this.redraw();
}
};
Grid.prototype.yboundary = function(boundaryType, currentValue) {
var boundaryOption, suggestedValue;
boundaryOption = this.options["y" + boundaryType];
if (typeof boundaryOption === 'string') {
if (boundaryOption.slice(0, 4) === 'auto') {
if (boundaryOption.length > 5) {
suggestedValue = parseInt(boundaryOption.slice(5), 10);
if (currentValue == null) {
return suggestedValue;
}
return Math[boundaryType.substring(0, 3)](currentValue, suggestedValue);
} else {
if (currentValue != null) {
return currentValue;
} else {
return 0;
}
}
} else {
return parseInt(boundaryOption, 10);
}
} else {
return boundaryOption;
}
};
Grid.prototype.autoGridLines = function(ymin, ymax, nlines) {
var gmax, gmin, grid, smag, span, step, unit, y, ymag;
span = ymax - ymin;
ymag = Math.floor(Math.log(span) / Math.log(10));
unit = Math.pow(10, ymag);
gmin = Math.floor(ymin / unit) * unit;
gmax = Math.ceil(ymax / unit) * unit;
step = (gmax - gmin) / (nlines - 1);
if (unit === 1 && step > 1 && Math.ceil(step) !== step) {
step = Math.ceil(step);
gmax = gmin + step * (nlines - 1);
}
if (gmin < 0 && gmax > 0) {
gmin = Math.floor(ymin / step) * step;
gmax = Math.ceil(ymax / step) * step;
}
if (step < 1) {
smag = Math.floor(Math.log(step) / Math.log(10));
grid = (function() {
var _i, _results;
_results = [];
for (y = _i = gmin; step > 0 ? _i <= gmax : _i >= gmax; y = _i += step) {
_results.push(parseFloat(y.toFixed(1 - smag)));
}
return _results;
})();
} else {
grid = (function() {
var _i, _results;
_results = [];
for (y = _i = gmin; step > 0 ? _i <= gmax : _i >= gmax; y = _i += step) {
_results.push(y);
}
return _results;
})();
}
return grid;
};
Grid.prototype._calc = function() {
var angle, bottomOffsets, gridLine, h, i, w, yLabelWidths, yLabelWidths2, _ref, _ref1, _ref2;
_ref = Morris.dimensions(this.el), w = _ref.width, h = _ref.height;
if (this.elementWidth !== w || this.elementHeight !== h || this.dirty) {
this.elementWidth = w;
this.elementHeight = h;
this.dirty = false;
this.left = this.options.padding;
this.right = this.elementWidth - this.options.padding;
this.top = this.options.padding;
this.bottom = this.elementHeight - this.options.padding;
if ((_ref1 = this.options.axes) === true || _ref1 === 'both' || _ref1 === 'y') {
if (this.grid != null) {
yLabelWidths = (function() {
var _i, _len, _ref2, _results;
_ref2 = this.grid;
_results = [];
for (_i = 0, _len = _ref2.length; _i < _len; _i++) {
gridLine = _ref2[_i];
_results.push(this.measureText(this.yAxisFormat(gridLine)).width);
}
return _results;
}).call(this);
}
if (this.options.nbYkeys2 > 0) {
yLabelWidths2 = (function() {
var _i, _len, _ref2, _results;
_ref2 = this.grid2;
_results = [];
for (_i = 0, _len = _ref2.length; _i < _len; _i++) {
gridLine = _ref2[_i];
_results.push(this.measureText(this.yAxisFormat2(gridLine)).width);
}
return _results;
}).call(this);
}
if (!this.options.horizontal) {
this.left += Math.max.apply(Math, yLabelWidths);
if (this.options.nbYkeys2 > 0) {
this.right -= Math.max.apply(Math, yLabelWidths2);
}
} else {
this.bottom -= this.options.padding / 2;
}
}
if ((_ref2 = this.options.axes) === true || _ref2 === 'both' || _ref2 === 'x') {
if (!this.options.horizontal) {
angle = -this.options.xLabelAngle;
} else {
angle = -90;
}
bottomOffsets = (function() {
var _i, _ref3, _results;
_results = [];
for (i = _i = 0, _ref3 = this.data.length; 0 <= _ref3 ? _i < _ref3 : _i > _ref3; i = 0 <= _ref3 ? ++_i : --_i) {
_results.push(this.measureText(this.data[i].label, angle).height);
}
return _results;
}).call(this);
if (!this.options.horizontal) {
this.bottom -= Math.max.apply(Math, bottomOffsets);
} else {
this.left += Math.max.apply(Math, bottomOffsets);
}
}
this.width = Math.max(1, this.right - this.left);
this.height = Math.max(1, this.bottom - this.top);
if (!this.options.horizontal) {
this.dx = this.width / (this.xmax - this.xmin);
this.dy = this.height / (this.ymax - this.ymin);
this.dy2 = this.height / (this.ymax2 - this.ymin2);
this.yStart = this.bottom;
this.yEnd = this.top;
this.xStart = this.left;
this.xEnd = this.right;
this.xSize = this.width;
this.ySize = this.height;
} else {
this.dx = this.height / (this.xmax - this.xmin);
this.dy = this.width / (this.ymax - this.ymin);
this.dy2 = this.width / (this.ymax2 - this.ymin2);
this.yStart = this.left;
this.yEnd = this.right;
this.xStart = this.top;
this.xEnd = this.bottom;
this.xSize = this.height;
this.ySize = this.width;
}
if (this.calc) {
return this.calc();
}
}
};
Grid.prototype.transY = function(y) {
if (!this.options.horizontal) {
return this.bottom - (y - this.ymin) * this.dy;
} else {
return this.left + (y - this.ymin) * this.dy;
}
};
Grid.prototype.transY2 = function(y) {
if (!this.options.horizontal) {
return this.bottom - (y - this.ymin2) * this.dy2;
} else {
return this.left + (y - this.ymin2) * this.dy2;
}
};
Grid.prototype.transX = function(x) {
if (this.data.length === 1) {
return (this.xStart + this.xEnd) / 2;
} else {
return this.xStart + (x - this.xmin) * this.dx;
}
};
Grid.prototype.redraw = function() {
this.raphael.clear();
this._calc();
this.drawGrid();
this.drawRegions();
this.drawEvents();
if (this.draw) {
this.draw();
}
this.drawGoals();
return this.setLabels();
};
Grid.prototype.measureText = function(text, angle) {
var ret, tt;
if (angle == null) {
angle = 0;
}
tt = this.raphael.text(100, 100, text).attr('font-size', this.options.gridTextSize).attr('font-family', this.options.gridTextFamily).attr('font-weight', this.options.gridTextWeight).rotate(angle);
ret = tt.getBBox();
tt.remove();
return ret;
};
Grid.prototype.yAxisFormat = function(label) {
return this.yLabelFormat(label, 0);
};
Grid.prototype.yAxisFormat2 = function(label) {
return this.yLabelFormat(label, 1000);
};
Grid.prototype.yLabelFormat = function(label, i) {
if (typeof this.options.yLabelFormat === 'function') {
return this.options.yLabelFormat(label, i);
} else {
if (this.options.nbYkeys2 === 0 || (i <= this.options.ykeys.length - this.options.nbYkeys2 - 1)) {
return "" + this.options.preUnits + (Morris.commas(label)) + this.options.postUnits;
} else {
return "" + this.options.preUnits2 + (Morris.commas(label)) + this.options.postUnits2;
}
}
};
Grid.prototype.yLabelFormat_noUnit = function(label, i) {
if (typeof this.options.yLabelFormat === 'function') {
return this.options.yLabelFormat(label, i);
} else {
return "" + (Morris.commas(label));
}
};
Grid.prototype.getYAxisLabelX = function() {
if (this.options.yLabelAlign === 'right') {
return this.left - this.options.padding / 2;
} else {
return this.options.padding / 2;
}
};
Grid.prototype.drawGrid = function() {
var basePos, basePos2, lineY, pos, _i, _j, _len, _len1, _ref, _ref1, _ref2, _ref3, _ref4, _results;
if (this.options.grid === false && ((_ref = this.options.axes) !== true && _ref !== 'both' && _ref !== 'y')) {
return;
}
if (!this.options.horizontal) {
basePos = this.getYAxisLabelX();
basePos2 = this.right + this.options.padding / 2;
} else {
basePos = this.getXAxisLabelY();
basePos2 = this.top - (this.options.xAxisLabelTopPadding || this.options.padding / 2);
}
if (this.grid != null) {
_ref1 = this.grid;
for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
lineY = _ref1[_i];
pos = this.transY(lineY);
if ((_ref2 = this.options.axes) === true || _ref2 === 'both' || _ref2 === 'y') {
if (!this.options.horizontal) {
this.drawYAxisLabel(basePos, pos, this.yAxisFormat(lineY), 1);
} else {
this.drawXAxisLabel(pos, basePos, this.yAxisFormat(lineY));
}
}
if (this.options.grid) {
pos = Math.floor(pos) + 0.5;
if (!this.options.horizontal) {
if (isNaN(this.xEnd)) {
this.xEnd = 20;
}
this.drawGridLine("M" + this.xStart + "," + pos + "H" + this.xEnd);
} else {
this.drawGridLine("M" + pos + "," + this.xStart + "V" + this.xEnd);
}
}
}
}
if (this.options.nbYkeys2 > 0) {
_ref3 = this.grid2;
_results = [];
for (_j = 0, _len1 = _ref3.length; _j < _len1; _j++) {
lineY = _ref3[_j];
pos = this.transY2(lineY);
if ((_ref4 = this.options.axes) === true || _ref4 === 'both' || _ref4 === 'y') {
if (!this.options.horizontal) {
_results.push(this.drawYAxisLabel(basePos2, pos, this.yAxisFormat2(lineY), 2));
} else {
_results.push(this.drawXAxisLabel(pos, basePos2, this.yAxisFormat2(lineY)));
}
} else {
_results.push(void 0);
}
}
return _results;
}
};
Grid.prototype.drawRegions = function() {
var color, i, region, _i, _len, _ref, _results;
_ref = this.options.regions;
_results = [];
for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) {
region = _ref[i];
color = this.options.regionsColors[i % this.options.regionsColors.length];
_results.push(this.drawRegion(region, color));
}
return _results;
};
Grid.prototype.drawGoals = function() {
var color, goal, i, _i, _j, _len, _len1, _ref, _ref1, _results;
_ref = this.options.goals;
for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) {
goal = _ref[i];
color = this.options.goalLineColors[i % this.options.goalLineColors.length];
this.drawGoal(goal, color);
}
_ref1 = this.options.goals2;
_results = [];
for (i = _j = 0, _len1 = _ref1.length; _j < _len1; i = ++_j) {
goal = _ref1[i];
color = this.options.goalLineColors2[i % this.options.goalLineColors2.length];
_results.push(this.drawGoal2(goal, color));
}
return _results;
};
Grid.prototype.drawEvents = function() {
var color, event, i, _i, _len, _ref, _results;
if (this.events != null) {
_ref = this.events;
_results = [];
for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) {
event = _ref[i];
color = this.options.eventLineColors[i % this.options.eventLineColors.length];
_results.push(this.drawEvent(event, color));
}
return _results;
}
};
Grid.prototype.drawGoal = function(goal, color) {
var path, y;
y = Math.floor(this.transY(goal)) + 0.5;
if (!this.options.horizontal) {
path = "M" + this.xStart + "," + y + "H" + this.xEnd;
} else {
path = "M" + y + "," + this.xStart + "V" + this.xEnd;
}
return this.raphael.path(path).attr('stroke', color).attr('stroke-width', this.options.goalStrokeWidth);
};
Grid.prototype.drawGoal2 = function(goal, color) {
var path, y;
y = Math.floor(this.transY2(goal)) + 0.5;
if (!this.options.horizontal) {
path = "M" + this.xStart + "," + y + "H" + this.xEnd;
} else {
path = "M" + y + "," + this.xStart + "V" + this.xEnd;
}
return this.raphael.path(path).attr('stroke', color).attr('stroke-width', this.options.goalStrokeWidth2);
};
Grid.prototype.drawRegion = function(region, color) {
var from, path, to, y;
if (region instanceof Array) {
from = Math.min(Math.max.apply(Math, region), this.ymax);
to = Math.max(Math.min.apply(Math, region), this.ymin);
if (!this.options.horizontal) {
from = Math.floor(this.transY(from));
to = Math.floor(this.transY(to)) - from;
return this.raphael.rect(this.xStart, from, this.xEnd - this.xStart, to).attr({
fill: color,
stroke: false
}).toBack();
} else {
to = Math.floor(this.transY(to));
from = Math.floor(this.transY(from)) - to;
return this.raphael.rect(to, this.xStart, from, this.xEnd - this.xStart).attr({
fill: color,
stroke: false
}).toBack();
}
} else {
if (!this.options.horizontal) {
y = Math.floor(this.transY(area)) + 1;
path = "M" + this.xStart + "," + y + "H" + this.xEnd;
return this.raphael.path(path).attr('stroke', color).attr('stroke-width', 2);
} else {
y = Math.floor(this.transY(area)) + 1;
path = "M" + y + "," + this.xStart + "V" + this.xEnd;
return this.raphael.path(path).attr('stroke', color).attr('stroke-width', 2);
}
}
};
Grid.prototype.drawEvent = function(event, color) {
var from, path, to, x;
if (event instanceof Array) {
from = event[0], to = event[1];
from = Math.floor(this.transX(from)) + 0.5;
to = Math.floor(this.transX(to)) + 0.5;
if (!this.options.horizontal) {
return this.raphael.rect(from, this.yEnd, to - from, this.yStart - this.yEnd).attr({
fill: color,
stroke: false
}).toBack();
} else {
return this.raphael.rect(this.yStart, from, this.yEnd - this.yStart, to - from).attr({
fill: color,
stroke: false
}).toBack();
}
} else {
x = Math.floor(this.transX(event)) + 0.5;
if (!this.options.horizontal) {
path = "M" + x + "," + this.yStart + "V" + this.yEnd;
} else {
path = "M" + this.yStart + "," + x + "H" + this.yEnd;
}
return this.raphael.path(path).attr('stroke', color).attr('stroke-width', this.options.eventStrokeWidth);
}
};
Grid.prototype.drawYAxisLabel = function(xPos, yPos, text, yaxis) {
var label;
label = this.raphael.text(xPos, yPos, text).attr('font-size', this.options.gridTextSize).attr('font-family', this.options.gridTextFamily).attr('font-weight', this.options.gridTextWeight).attr('fill', this.options.gridTextColor);
if (yaxis === 1) {
if (this.options.yLabelAlign === 'right') {
return label.attr('text-anchor', 'end');
} else {
return label.attr('text-anchor', 'start');
}
} else {
if (this.options.yLabelAlign2 === 'left') {
return label.attr('text-anchor', 'start');
} else {
return label.attr('text-anchor', 'end');
}
}
};
Grid.prototype.drawXAxisLabel = function(xPos, yPos, text) {
return this.raphael.text(xPos, yPos, text).attr('font-size', this.options.gridTextSize).attr('font-family', this.options.gridTextFamily).attr('font-weight', this.options.gridTextWeight).attr('fill', this.options.gridTextColor);
};
Grid.prototype.drawGridLine = function(path) {
return this.raphael.path(path).attr('stroke', this.options.gridLineColor).attr('stroke-width', this.options.gridStrokeWidth);
};
Grid.prototype.startRange = function(x) {
this.hover.hide();
this.selectFrom = x;
return this.selectionRect.attr({
x: x,
width: 0
}).show();
};
Grid.prototype.endRange = function(x) {
var end, start;
if (this.selectFrom) {
start = Math.min(this.selectFrom, x);
end = Math.max(this.selectFrom, x);
this.options.rangeSelect.call(this.el, {
start: this.data[this.hitTest(start)].x,
end: this.data[this.hitTest(end)].x
});
return this.selectFrom = null;
}
};
Grid.prototype.mousemoveHandler = function(evt) {
var left, offset, right, width, x;
offset = Morris.offset(this.el);
x = evt.pageX - offset.left;
if (this.selectFrom) {
left = this.data[this.hitTest(Math.min(x, this.selectFrom))]._x;
right = this.data[this.hitTest(Math.max(x, this.selectFrom))]._x;
width = right - left;
return this.selectionRect.attr({
x: left,
width: width
});
} else {
return this.fire('hovermove', x, evt.pageY - offset.top);
}
};
Grid.prototype.mouseleaveHandler = function(evt) {
if (this.selectFrom) {
this.selectionRect.hide();
this.selectFrom = null;
}
return this.fire('hoverout');
};
Grid.prototype.touchHandler = function(evt) {
var offset, touch;
touch = evt.originalEvent.touches[0] || evt.originalEvent.changedTouches[0];
offset = Morris.offset(this.el);
return this.fire('hovermove', touch.pageX - offset.left, touch.pageY - offset.top);
};
Grid.prototype.clickHandler = function(evt) {
var offset;
offset = Morris.offset(this.el);
return this.fire('gridclick', evt.pageX - offset.left, evt.pageY - offset.top);
};
Grid.prototype.mousedownHandler = function(evt) {
var offset;
offset = Morris.offset(this.el);
return this.startRange(evt.pageX - offset.left);
};
Grid.prototype.mouseupHandler = function(evt) {
var offset;
offset = Morris.offset(this.el);
this.endRange(evt.pageX - offset.left);
return this.fire('hovermove', evt.pageX - offset.left, evt.pageY - offset.top);
};
Grid.prototype.resizeHandler = function() {
if (this.timeoutId != null) {
window.clearTimeout(this.timeoutId);
}
return this.timeoutId = window.setTimeout(this.debouncedResizeHandler, 100);
};
Grid.prototype.debouncedResizeHandler = function() {
var height, width, _ref;
this.timeoutId = null;
_ref = Morris.dimensions(this.el), width = _ref.width, height = _ref.height;
this.raphael.setSize(width, height);
this.options.animate = false;
return this.redraw();
};
Grid.prototype.hasToShow = function(i) {
return this.options.shown === true || this.options.shown[i] === true;
};
Grid.prototype.isColorDark = function(hex) {
var b, g, luma, r, rgb;
if (hex != null) {
hex = hex.substring(1);
rgb = parseInt(hex, 16);
r = (rgb >> 16) & 0xff;
g = (rgb >> 8) & 0xff;
b = (rgb >> 0) & 0xff;
luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;
if (luma >= 128) {
return false;
} else {
return true;
}
} else {
return false;
}
};
Grid.prototype.drawDataLabel = function(xPos, yPos, text, color) {
var label;
return label = this.raphael.text(xPos, yPos, text).attr('text-anchor', 'middle').attr('font-size', this.options.dataLabelsSize).attr('font-family', this.options.dataLabelsFamily).attr('font-weight', this.options.dataLabelsWeight).attr('fill', color);
};
Grid.prototype.drawDataLabelExt = function(xPos, yPos, text, anchor, color) {
var label;
return label = this.raphael.text(xPos, yPos, text).attr('text-anchor', anchor).attr('font-size', this.options.dataLabelsSize).attr('font-family', this.options.dataLabelsFamily).attr('font-weight', this.options.dataLabelsWeight).attr('fill', color);
};
Grid.prototype.setLabels = function() {
var color, index, row, ykey, _i, _len, _ref, _results;
if (this.options.dataLabels) {
_ref = this.data;
_results = [];
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
row = _ref[_i];
_results.push((function() {
var _j, _len1, _ref1, _results1;
_ref1 = this.options.ykeys;
_results1 = [];
for (index = _j = 0, _len1 = _ref1.length; _j < _len1; index = ++_j) {
ykey = _ref1[index];
if (this.options.dataLabelsColor !== 'auto') {
color = this.options.dataLabelsColor;
} else if (this.options.stacked === true && this.isColorDark(this.options.barColors[index % this.options.barColors.length]) === true) {
color = '#fff';
} else {
color = '#000';
}
if ((this.options.lineColors != null) && (this.options.lineType != null)) {
if (row.label_y[index] != null) {
this.drawDataLabel(row._x, row.label_y[index], this.yLabelFormat_noUnit(row.y[index], 0), color);
}
if (row._y2 != null) {
if (row._y2[index] != null) {
_results1.push(this.drawDataLabel(row._x, row._y2[index] - 10, this.yLabelFormat_noUnit(row.y[index], 1000), color));
} else {
_results1.push(void 0);
}
} else {
_results1.push(void 0);
}
} else {
if (row.label_y[index] != null) {
if (this.options.horizontal === !true) {
_results1.push(this.drawDataLabel(row.label_x[index], row.label_y[index], this.yLabelFormat_noUnit(row.y[index], index), color));
} else {
_results1.push(this.drawDataLabelExt(row.label_x[index], row.label_y[index], this.yLabelFormat_noUnit(row.y[index]), 'start', color));
}
} else if (row._y2[index] != null) {
if (this.options.horizontal === !true) {
_results1.push(this.drawDataLabel(row._x, row._y2[index] - 10, this.yLabelFormat_noUnit(row.y[index], index), color));
} else {
_results1.push(this.drawDataLabelExt(row._y2[index], row._x - 10, this.yLabelFormat_noUnit(row.y[index]), 'middle', color));
}
} else {
_results1.push(void 0);
}
}
}
return _results1;
}).call(this));
}
return _results;
}
};
return Grid;
})(Morris.EventEmitter);
Morris.parseDate = function(date) {
var isecs, m, msecs, n, o, offsetmins, p, q, r, ret, secs;
if (typeof date === 'number') {
return date;
}
m = date.match(/^(\d+) Q(\d)$/);
n = date.match(/^(\d+)-(\d+)$/);
o = date.match(/^(\d+)-(\d+)-(\d+)$/);
p = date.match(/^(\d+) W(\d+)$/);
q = date.match(/^(\d+)-(\d+)-(\d+)[ T](\d+):(\d+)(Z|([+-])(\d\d):?(\d\d))?$/);
r = date.match(/^(\d+)-(\d+)-(\d+)[ T](\d+):(\d+):(\d+(\.\d+)?)(Z|([+-])(\d\d):?(\d\d))?$/);
if (m) {
return new Date(parseInt(m[1], 10), parseInt(m[2], 10) * 3 - 1, 1).getTime();
} else if (n) {
return new Date(parseInt(n[1], 10), parseInt(n[2], 10) - 1, 1).getTime();
} else if (o) {
return new Date(parseInt(o[1], 10), parseInt(o[2], 10) - 1, parseInt(o[3], 10)).getTime();
} else if (p) {
ret = new Date(parseInt(p[1], 10), 0, 1);
if (ret.getDay() !== 4) {
ret.setMonth(0, 1 + ((4 - ret.getDay()) + 7) % 7);
}
return ret.getTime() + parseInt(p[2], 10) * 604800000;
} else if (q) {
if (!q[6]) {
return new Date(parseInt(q[1], 10), parseInt(q[2], 10) - 1, parseInt(q[3], 10), parseInt(q[4], 10), parseInt(q[5], 10)).getTime();
} else {
offsetmins = 0;
if (q[6] !== 'Z') {
offsetmins = parseInt(q[8], 10) * 60 + parseInt(q[9], 10);
if (q[7] === '+') {
offsetmins = 0 - offsetmins;
}
}
return Date.UTC(parseInt(q[1], 10), parseInt(q[2], 10) - 1, parseInt(q[3], 10), parseInt(q[4], 10), parseInt(q[5], 10) + offsetmins);
}
} else if (r) {
secs = parseFloat(r[6]);
isecs = Math.floor(secs);
msecs = Math.round((secs - isecs) * 1000);
if (!r[8]) {
return new Date(parseInt(r[1], 10), parseInt(r[2], 10) - 1, parseInt(r[3], 10), parseInt(r[4], 10), parseInt(r[5], 10), isecs, msecs).getTime();
} else {
offsetmins = 0;
if (r[8] !== 'Z') {
offsetmins = parseInt(r[10], 10) * 60 + parseInt(r[11], 10);
if (r[9] === '+') {
offsetmins = 0 - offsetmins;
}
}
return Date.UTC(parseInt(r[1], 10), parseInt(r[2], 10) - 1, parseInt(r[3], 10), parseInt(r[4], 10), parseInt(r[5], 10) + offsetmins, isecs, msecs);
}
} else {
return new Date(parseInt(date, 10), 0, 1).getTime();
}
};
Morris.Hover = (function() {
Hover.defaults = {
"class": 'morris-hover morris-default-style'
};
function Hover(options) {
if (options == null) {
options = {};
}
this.options = Morris.extend({}, Morris.Hover.defaults, options);
this.el = document.createElement('div');
this.el.className = this.options["class"];
this.el.style.display = 'none';
(this.options.parent = this.options.parent[0] || this.options.parent).appendChild(this.el);
}
Hover.prototype.update = function(html, x, y, centre_y) {
if (!html) {
return this.hide();
} else {
this.html(html);
this.show();
return this.moveTo(x, y, centre_y);
}
};
Hover.prototype.html = function(content) {
return this.el.innerHTML = content;
};
Hover.prototype.moveTo = function(x, y, centre_y) {
var hoverHeight, hoverWidth, left, parentHeight, parentWidth, top, _ref;
_ref = Morris.innerDimensions(this.options.parent), parentWidth = _ref.width, parentHeight = _ref.height;
hoverWidth = this.el.offsetWidth;
hoverHeight = this.el.offsetHeight;
left = Math.min(Math.max(0, x - hoverWidth / 2), parentWidth - hoverWidth);
if (y != null) {
if (centre_y === true) {
top = y - hoverHeight / 2;
if (top < 0) {
top = 0;
}
} else {
top = y - hoverHeight - 10;
if (top < 0) {
top = y + 10;
if (top + hoverHeight > parentHeight) {
top = parentHeight / 2 - hoverHeight / 2;
}
}
}
} else {
top = parentHeight / 2 - hoverHeight / 2;
}
this.el.style.left = parseInt(left) + "px";
return this.el.style.top = parseInt(top) + "px";
};
Hover.prototype.show = function() {
return this.el.style.display = '';
};
Hover.prototype.hide = function() {
return this.el.style.display = 'none';
};
return Hover;
})();
Morris.Line = (function(_super) {
__extends(Line, _super);
function Line(options) {
this.hilight = __bind(this.hilight, this);
this.escapeHTML = __bind(this.escapeHTML, this);
this.onHoverOut = __bind(this.onHoverOut, this);
this.onHoverMove = __bind(this.onHoverMove, this);
this.onGridClick = __bind(this.onGridClick, this);
if (!(this instanceof Morris.Line)) {
return new Morris.Line(options);
}
Line.__super__.constructor.call(this, options);
}
Line.prototype.init = function() {
if (this.options.hideHover !== 'always') {
this.hover = new Morris.Hover({
parent: this.el
});
this.on('hovermove', this.onHoverMove);
this.on('hoverout', this.onHoverOut);
return this.on('gridclick', this.onGridClick);
}
};
Line.prototype.defaults = {
lineWidth: 3,
pointSize: 4,
pointSizeGrow: 3,
lineColors: ['#2f7df6', '#53a351', '#f6c244', '#cb444a', '#4aa0b5', '#222529'],
extraClassLine: '',
extraClassCircle: '',
pointStrokeWidths: [1],
pointStrokeColors: ['#ffffff'],
pointFillColors: [],
pointSuperimposed: true,
hoverOrdered: false,
hoverReversed: false,
smooth: true,
lineType: {},
shown: true,
xLabels: 'auto',
xLabelFormat: null,
xLabelMargin: 0,
verticalGrid: false,
verticalGridHeight: 'full',
verticalGridStartOffset: 0,
verticalGridType: '',
trendLine: false,
trendLineType: 'linear',
trendLineWidth: 2,
trendLineWeight: false,
trendLineColors: ['#689bc3', '#a2b3bf', '#64b764']
};
Line.prototype.calc = function() {
this.calcPoints();
return this.generatePaths();
};
Line.prototype.calcPoints = function() {
var count, i, idx, ii, index, point, row, v, y, _i, _j, _k, _l, _len, _len1, _len2, _ref, _ref1, _ref2, _ref3, _results;
_ref = this.data;
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
row = _ref[_i];
row._x = this.transX(row.x);
row._y = (function() {
var _j, _len1, _ref1, _results;
_ref1 = row.y;
_results = [];
for (ii = _j = 0, _len1 = _ref1.length; _j < _len1; ii = ++_j) {
y = _ref1[ii];
if (ii < this.options.ykeys.length - this.options.nbYkeys2) {
if (y != null) {
_results.push(this.transY(y));
} else {
_results.push(y);
}
} else {
_results.push(void 0);
}
}
return _results;
}).call(this);
row._y2 = (function() {
var _j, _len1, _ref1, _results;
_ref1 = row.y;
_results = [];
for (ii = _j = 0, _len1 = _ref1.length; _j < _len1; ii = ++_j) {
y = _ref1[ii];
if (ii >= this.options.ykeys.length - this.options.nbYkeys2) {
if (y != null) {
_results.push(this.transY2(y));
} else {
_results.push(y);
}
} else {
_results.push(void 0);
}
}
return _results;
}).call(this);
row._ymax = Math.min.apply(Math, [this.bottom].concat((function() {
var _j, _len1, _ref1, _results;
_ref1 = row._y;
_results = [];
for (i = _j = 0, _len1 = _ref1.length; _j < _len1; i = ++_j) {
y = _ref1[i];
if ((y != null) && this.hasToShow(i)) {
_results.push(y);
}
}
return _results;
}).call(this)));
row._ymax2 = Math.min.apply(Math, [this.bottom].concat((function() {
var _j, _len1, _ref1, _results;
_ref1 = row._y2;
_results = [];
for (i = _j = 0, _len1 = _ref1.length; _j < _len1; i = ++_j) {
y = _ref1[i];
if ((y != null) && this.hasToShow(i)) {
_results.push(y);
}
}
return _results;
}).call(this)));
}
_ref1 = this.data;
for (idx = _j = 0, _len1 = _ref1.length; _j < _len1; idx = ++_j) {
row = _ref1[idx];
this.data[idx].label_x = [];
this.data[idx].label_y = [];
for (index = _k = _ref2 = this.options.ykeys.length - 1; _ref2 <= 0 ? _k <= 0 : _k >= 0; index = _ref2 <= 0 ? ++_k : --_k) {
if (row._y[index] != null) {
this.data[idx].label_x[index] = row._x;
this.data[idx].label_y[index] = row._y[index] - 10;
}
if (row._y2 != null) {
if (row._y2[index] != null) {
this.data[idx].label_x[index] = row._x;
this.data[idx].label_y[index] = row._y2[index] - 10;
}
}
}
}
if (this.options.pointSuperimposed === !true) {
_ref3 = this.data;
_results = [];
for (_l = 0, _len2 = _ref3.length; _l < _len2; _l++) {
row = _ref3[_l];
_results.push((function() {
var _len3, _len4, _m, _n, _ref4, _ref5, _results1;
_ref4 = row._y;
_results1 = [];
for (idx = _m = 0, _len3 = _ref4.length; _m < _len3; idx = ++_m) {
point = _ref4[idx];
count = 0;
_ref5 = row._y;
for (i = _n = 0, _len4 = _ref5.length; _n < _len4; i = ++_n) {
v = _ref5[i];
if (point === v && typeof point === 'number') {
count++;
}
}
if (count > 1) {
row._y[idx] = row._y[idx] + count * (this.lineWidthForSeries(idx));
if (this.lineWidthForSeries(idx) > 1) {
_results1.push(row._y[idx] = row._y[idx] - 1);
} else {
_results1.push(void 0);
}
} else {
_results1.push(void 0);
}
}
return _results1;
}).call(this));
}
return _results;
}
};
Line.prototype.hitTest = function(x) {
var index, r, _i, _len, _ref;
if (this.data.length === 0) {
return null;
}
_ref = this.data.slice(1);
for (index = _i = 0, _len = _ref.length; _i < _len; index = ++_i) {
r = _ref[index];
if (x < (r._x + this.data[index]._x) / 2) {
break;
}
}
return index;
};
Line.prototype.onGridClick = function(x, y) {
var index;
index = this.hitTest(x);
return this.fire('click', index, this.data[index].src, x, y);
};
Line.prototype.onHoverMove = function(x, y) {
var index;
index = this.hitTest(x);
return this.displayHoverForRow(index);
};
Line.prototype.onHoverOut = function() {
if (this.options.hideHover !== false) {
return this.displayHoverForRow(null);
}
};
Line.prototype.displayHoverForRow = function(index) {
var _ref;
if (index != null) {
(_ref = this.hover).update.apply(_ref, this.hoverContentForRow(index));
return this.hilight(index);
} else {
this.hover.hide();
return this.hilight();
}
};
Line.prototype.escapeHTML = function(string) {
var map, reg,
_this = this;
map = {
'&': '&amp;',
'<': '&lt;',
'>': '&gt;',
'"': '&quot;',
"'": '&#x27;',
"/": '&#x2F;'
};
reg = /[&<>"'/]/ig;
return string.replace(reg, function(match) {
return map[match];
});
};
Line.prototype.hoverContentForRow = function(index) {
var axis, content, j, jj, max, max_pos, order, row, y, yy, _i, _j, _k, _l, _len, _len1, _ref, _ref1, _ref2;
row = this.data[index];
content = "";
order = [];
if (this.options.hoverOrdered === true) {
_ref = row.y;
for (jj = _i = 0, _len = _ref.length; _i < _len; jj = ++_i) {
yy = _ref[jj];
max = null;
max_pos = -1;
_ref1 = row.y;
for (j = _j = 0, _len1 = _ref1.length; _j < _len1; j = ++_j) {
y = _ref1[j];
if (__indexOf.call(order, j) < 0) {
if (max <= y || max === null) {
max = y;
max_pos = j;
}
}
}
order.push(max_pos);
}
} else {
_ref2 = row.y;
for (jj = _k = _ref2.length - 1; _k >= 0; jj = _k += -1) {
yy = _ref2[jj];
order.push(jj);
}
}
if (this.options.hoverReversed === true) {
order = order.reverse();
}
axis = -1;
for (_l = order.length - 1; _l >= 0; _l += -1) {
j = order[_l];
if (this.options.labels[j] === false) {
continue;
}
if (row.y[j] !== void 0 && axis === -1) {
axis = j;
}
content = ("<div class='morris-hover-point' style='color: " + (this.colorFor(row, j, 'label')) + "'>\n " + this.options.labels[j] + ":\n " + (this.yLabelFormat(row.y[j], j)) + "\n</div>") + content;
}
content = "<div class='morris-hover-row-label'>" + this.escapeHTML(row.label) + "</div>" + content;
if (typeof this.options.hoverCallback === 'function') {
content = this.options.hoverCallback(index, this.options, content, row.src);
}
if (axis > this.options.nbYkeys2) {
return [content, row._x, row._ymax2];
} else {
return [content, row._x, row._ymax];
}
};
Line.prototype.generatePaths = function() {
var coords, i, lineType, nb, r, smooth;
return this.paths = (function() {
var _i, _ref, _ref1, _results;
_results = [];
for (i = _i = 0, _ref = this.options.ykeys.length; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
smooth = typeof this.options.smooth === "boolean" ? this.options.smooth : (_ref1 = this.options.ykeys[i], __indexOf.call(this.options.smooth, _ref1) >= 0);
lineType = smooth ? 'smooth' : 'jagged';
if (typeof this.options.lineType === "string") {
lineType = this.options.lineType;
} else {
}
if (this.options.lineType[this.options.ykeys[i]] !== void 0) {
lineType = this.options.lineType[this.options.ykeys[i]];
}
nb = this.options.ykeys.length - this.options.nbYkeys2;
if (i < nb) {
coords = (function() {
var _j, _len, _ref2, _results1;
_ref2 = this.data;
_results1 = [];
for (_j = 0, _len = _ref2.length; _j < _len; _j++) {
r = _ref2[_j];
if (r._y[i] !== void 0) {
_results1.push({
x: r._x,
y: r._y[i]
});
}
}
return _results1;
}).call(this);
} else {
coords = (function() {
var _j, _len, _ref2, _results1;
_ref2 = this.data;
_results1 = [];
for (_j = 0, _len = _ref2.length; _j < _len; _j++) {
r = _ref2[_j];
if (r._y2[i] !== void 0) {
_results1.push({
x: r._x,
y: r._y2[i]
});
}
}
return _results1;
}).call(this);
}
if (coords.length > 1) {
_results.push(Morris.Line.createPath(coords, lineType, this.bottom, i, this.options.ykeys.length, this.options.lineWidth));
} else {
_results.push(null);
}
}
return _results;
}).call(this);
};
Line.prototype.draw = function() {
var _ref;
if ((_ref = this.options.axes) === true || _ref === 'both' || _ref === 'x') {
this.drawXAxis();
}
this.drawSeries();
if (this.options.hideHover === false) {
return this.displayHoverForRow(this.data.length - 1);
}
};
Line.prototype.drawXAxis = function() {
var drawLabel, l, labels, lines, prevAngleMargin, prevLabelMargin, row, ypos, _i, _j, _len, _len1, _results,
_this = this;
ypos = this.bottom + this.options.padding / 2;
prevLabelMargin = null;
prevAngleMargin = null;
drawLabel = function(labelText, xpos) {
var label, labelBox, margin, offset, textBox;
label = _this.drawXAxisLabel(_this.transX(xpos), ypos, labelText);
textBox = label.getBBox();
label.transform("r" + (-_this.options.xLabelAngle));
labelBox = label.getBBox();
label.transform("t0," + (labelBox.height / 2) + "...");
if (_this.options.xLabelAngle !== 0) {
offset = -0.5 * textBox.width * Math.cos(_this.options.xLabelAngle * Math.PI / 180.0);
label.transform("t" + offset + ",0...");
}
labelBox = label.getBBox();
if (((prevLabelMargin == null) || prevLabelMargin >= labelBox.x + labelBox.width || (prevAngleMargin != null) && prevAngleMargin >= labelBox.x) && labelBox.x >= 0 && (labelBox.x + labelBox.width) < Morris.dimensions(_this.el).width) {
if (_this.options.xLabelAngle !== 0) {
margin = 1.25 * _this.options.gridTextSize / Math.sin(_this.options.xLabelAngle * Math.PI / 180.0);
prevAngleMargin = labelBox.x - margin;
}
prevLabelMargin = labelBox.x - _this.options.xLabelMargin;
if (_this.options.verticalGrid === true) {
return _this.drawVerticalGridLine(xpos);
}
} else {
return label.remove();
}
};
if (this.options.parseTime) {
if (this.data.length === 1 && this.options.xLabels === 'auto') {
labels = [[this.data[0].label, this.data[0].x]];
} else {
labels = Morris.labelSeries(this.xmin, this.xmax, this.width, this.options.xLabels, this.options.xLabelFormat);
}
} else if (this.options.customLabels) {
labels = (function() {
var _i, _len, _ref, _results;
_ref = this.options.customLabels;
_results = [];
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
row = _ref[_i];
_results.push([row.label, row.x]);
}
return _results;
}).call(this);
} else {
labels = (function() {
var _i, _len, _ref, _results;
_ref = this.data;
_results = [];
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
row = _ref[_i];
_results.push([row.label, row.x]);
}
return _results;
}).call(this);
}
labels.reverse();
for (_i = 0, _len = labels.length; _i < _len; _i++) {
l = labels[_i];
drawLabel(l[0], l[1]);
}
if (typeof this.options.verticalGrid === 'string') {
lines = Morris.labelSeries(this.xmin, this.xmax, this.width, this.options.verticalGrid);
_results = [];
for (_j = 0, _len1 = lines.length; _j < _len1; _j++) {
l = lines[_j];
_results.push(this.drawVerticalGridLine(l[1]));
}
return _results;
}
};
Line.prototype.drawVerticalGridLine = function(xpos) {
var yEnd, yStart;
xpos = Math.floor(this.transX(xpos)) + 0.5;
yStart = this.yStart + this.options.verticalGridStartOffset;
if (this.options.verticalGridHeight === 'full') {
yEnd = this.yEnd;
} else {
yEnd = this.yStart - this.options.verticalGridHeight;
}
return this.drawGridLineVert("M" + xpos + "," + yStart + "V" + yEnd);
};
Line.prototype.drawGridLineVert = function(path) {
return this.raphael.path(path).attr('stroke', this.options.gridLineColor).attr('stroke-width', this.options.gridStrokeWidth).attr('stroke-dasharray', this.options.verticalGridType);
};
Line.prototype.drawSeries = function() {
var i, _i, _j, _ref, _ref1, _results;
this.seriesPoints = [];
for (i = _i = _ref = this.options.ykeys.length - 1; _ref <= 0 ? _i <= 0 : _i >= 0; i = _ref <= 0 ? ++_i : --_i) {
if (this.hasToShow(i)) {
if (this.options.trendLine !== false && this.options.trendLine === true || this.options.trendLine[i] === true) {
if (this.data.length > 0) {
this._drawTrendLine(i);
}
}
this._drawLineFor(i);
}
}
_results = [];
for (i = _j = _ref1 = this.options.ykeys.length - 1; _ref1 <= 0 ? _j <= 0 : _j >= 0; i = _ref1 <= 0 ? ++_j : --_j) {
if (this.hasToShow(i)) {
_results.push(this._drawPointFor(i));
} else {
_results.push(void 0);
}
}
return _results;
};
Line.prototype._drawPointFor = function(index) {
var circle, idx, row, _i, _len, _ref, _results;
this.seriesPoints[index] = [];
_ref = this.data;
_results = [];
for (idx = _i = 0, _len = _ref.length; _i < _len; idx = ++_i) {
row = _ref[idx];
circle = null;
if (row._y[index] != null) {
circle = this.drawLinePoint(row._x, row._y[index], this.colorFor(row, index, 'point'), index);
}
if (row._y2 != null) {
if (row._y2[index] != null) {
circle = this.drawLinePoint(row._x, row._y2[index], this.colorFor(row, index, 'point'), index);
}
}
_results.push(this.seriesPoints[index].push(circle));
}
return _results;
};
Line.prototype._drawLineFor = function(index) {
var path;
path = this.paths[index];
if (path !== null) {
return this.drawLinePath(path, this.colorFor(null, index, 'line'), index);
}
};
Line.prototype._drawTrendLine = function(index) {
var a, b, data, datapoints, i, path, plots, reg, sum_x, sum_xx, sum_xy, sum_y, t_off_x, t_x, t_y, val, weight, x, y, _i, _j, _k, _l, _len, _ref;
sum_x = 0;
sum_y = 0;
sum_xx = 0;
sum_xy = 0;
datapoints = 0;
plots = [];
_ref = this.data;
for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) {
val = _ref[i];
x = val.x;
y = val.y[index];
if (y != null) {
plots.push([x, y]);
if (this.options.trendLineWeight === false) {
weight = 1;
} else {
weight = this.options.data[i][this.options.trendLineWeight];
}
datapoints += weight;
sum_x += x * weight;
sum_y += y * weight;
sum_xx += x * x * weight;
sum_xy += x * y * weight;
}
}
a = (datapoints * sum_xy - sum_x * sum_y) / (datapoints * sum_xx - sum_x * sum_x);
b = (sum_y / datapoints) - ((a * sum_x) / datapoints);
data = [{}, {}];
data[0].x = this.transX(this.data[0].x);
data[0].y = this.transY(this.data[0].x * a + b);
data[1].x = this.transX(this.data[this.data.length - 1].x);
data[1].y = this.transY(this.data[this.data.length - 1].x * a + b);
if (this.options.trendLineType !== 'linear') {
if (typeof regression === 'function') {
t_off_x = (this.xmax - this.xmin) / 30;
data = [];
if (this.options.trendLineType === 'polynomial') {
reg = regression('polynomial', plots, 2);
for (i = _j = 0; _j <= 30; i = ++_j) {
t_x = this.xmin + i * t_off_x;
t_y = reg.equation[2] * t_x * t_x + reg.equation[1] * t_x + reg.equation[0];
data.push({
x: this.transX(t_x),
y: this.transY(t_y)
});
}
} else if (this.options.trendLineType === 'logarithmic') {
reg = regression('logarithmic', plots);
for (i = _k = 0; _k <= 30; i = ++_k) {
t_x = this.xmin + i * t_off_x;
t_y = reg.equation[0] + reg.equation[1] * Math.log(t_x);
data.push({
x: this.transX(t_x),
y: this.transY(t_y)
});
}
} else if (this.options.trendLineType === 'exponential') {
reg = regression('exponential', plots);
for (i = _l = 0; _l <= 30; i = ++_l) {
t_x = this.xmin + i * t_off_x;
t_y = reg.equation[0] + Math.exp(reg.equation[1] * t_x);
data.push({
x: this.transX(t_x),
y: this.transY(t_y)
});
}
}
console.log('Regression formula is: ' + reg.string + ', r2:' + reg.r2);
} else {
console.log('Warning: regression() is undefined, please ensure that regression.js is loaded');
}
}
if (!isNaN(a)) {
path = Morris.Line.createPath(data, 'jagged', this.bottom);
return path = this.raphael.path(path).attr('stroke', this.colorFor(null, index, 'trendLine')).attr('stroke-width', this.options.trendLineWidth);
}
};
Line.createPath = function(coords, lineType, bottom, index, nb, lineWidth) {
var coord, g, grads, i, ix, lg, path, prevCoord, x1, x2, y1, y2, _i, _len;
path = "";
if (lineType === 'smooth') {
grads = Morris.Line.gradients(coords);
}
prevCoord = {
y: null
};
for (i = _i = 0, _len = coords.length; _i < _len; i = ++_i) {
coord = coords[i];
if (coord.y != null) {
if (prevCoord.y != null) {
if (lineType === 'smooth') {
g = grads[i];
lg = grads[i - 1];
ix = (coord.x - prevCoord.x) / 4;
x1 = prevCoord.x + ix;
y1 = Math.min(bottom, prevCoord.y + ix * lg);
x2 = coord.x - ix;
y2 = Math.min(bottom, coord.y - ix * g);
path += "C" + x1 + "," + y1 + "," + x2 + "," + y2 + "," + coord.x + "," + coord.y;
} else if (lineType === 'jagged') {
path += "L" + coord.x + "," + coord.y;
} else if (lineType === 'step') {
path += "L" + coord.x + "," + prevCoord.y;
path += "L" + coord.x + "," + coord.y;
} else if (lineType === 'stepNoRiser') {
path += "L" + coord.x + "," + prevCoord.y;
path += "M" + coord.x + "," + coord.y;
} else if (lineType === 'vertical') {
path += "L" + (prevCoord.x - (nb - 1) * (lineWidth / nb) + index * lineWidth) + "," + prevCoord.y;
path += "L" + (prevCoord.x - (nb - 1) * (lineWidth / nb) + index * lineWidth) + "," + bottom;
path += "M" + (coord.x - (nb - 1) * (lineWidth / nb) + index * lineWidth) + "," + bottom;
if (coords.length === (i + 1)) {
path += "L" + (coord.x - (nb - 1) * (lineWidth / nb) + index * lineWidth) + "," + coord.y;
path += "L" + (coord.x - (nb - 1) * (lineWidth / nb) + index * lineWidth) + "," + bottom;
}
}
} else {
if (lineType !== 'smooth' || (grads[i] != null)) {
path += "M" + coord.x + "," + coord.y;
}
}
}
prevCoord = coord;
}
return path;
};
Line.gradients = function(coords) {
var coord, grad, i, nextCoord, prevCoord, _i, _len, _results;
grad = function(a, b) {
return (a.y - b.y) / (a.x - b.x);
};
_results = [];
for (i = _i = 0, _len = coords.length; _i < _len; i = ++_i) {
coord = coords[i];
if (coord.y != null) {
nextCoord = coords[i + 1] || {
y: null
};
prevCoord = coords[i - 1] || {
y: null
};
if ((prevCoord.y != null) && (nextCoord.y != null)) {
_results.push(grad(prevCoord, nextCoord));
} else if (prevCoord.y != null) {
_results.push(grad(prevCoord, coord));
} else if (nextCoord.y != null) {
_results.push(grad(coord, nextCoord));
} else {
_results.push(null);
}
} else {
_results.push(null);
}
}
return _results;
};
Line.prototype.hilight = function(index) {
var i, _i, _j, _ref, _ref1;
if (this.prevHilight !== null && this.prevHilight !== index) {
for (i = _i = 0, _ref = this.seriesPoints.length - 1; 0 <= _ref ? _i <= _ref : _i >= _ref; i = 0 <= _ref ? ++_i : --_i) {
if (this.hasToShow(i) && this.seriesPoints[i][this.prevHilight]) {
this.seriesPoints[i][this.prevHilight].animate(this.pointShrinkSeries(i));
}
}
}
if (index !== null && this.prevHilight !== index) {
for (i = _j = 0, _ref1 = this.seriesPoints.length - 1; 0 <= _ref1 ? _j <= _ref1 : _j >= _ref1; i = 0 <= _ref1 ? ++_j : --_j) {
if (this.hasToShow(i) && this.seriesPoints[i][index]) {
this.seriesPoints[i][index].animate(this.pointGrowSeries(i));
}
}
}
return this.prevHilight = index;
};
Line.prototype.colorFor = function(row, sidx, type) {
if (typeof this.options.lineColors === 'function') {
return this.options.lineColors.call(this, row, sidx, type);
} else if (type === 'point') {
return this.options.pointFillColors[sidx % this.options.pointFillColors.length] || this.options.lineColors[sidx % this.options.lineColors.length];
} else if (type === 'trendLine') {
return this.options.trendLineColors[sidx % this.options.trendLineColors.length];
} else {
return this.options.lineColors[sidx % this.options.lineColors.length];
}
};
Line.prototype.drawLinePath = function(path, lineColor, lineIndex) {
var ii, rPath, row, row_x, straightPath, _i, _len, _ref,
_this = this;
if (this.options.animate) {
straightPath = '';
_ref = this.data;
for (ii = _i = 0, _len = _ref.length; _i < _len; ii = ++_i) {
row = _ref[ii];
if (straightPath === '') {
if (lineIndex >= this.options.ykeys.length - this.options.nbYkeys2) {
if (row._y2[lineIndex] != null) {
straightPath = 'M' + row._x + ',' + this.transY2(this.ymin2);
}
} else if (row._y[lineIndex] != null) {
if (this.options.lineType !== 'vertical') {
straightPath = 'M' + row._x + ',' + this.transY(this.ymin);
} else {
straightPath = 'M' + row._x + ',' + this.transY(0) + 'L' + row._x + ',' + this.transY(0) + 'L' + row._x + ',' + this.transY(0);
}
}
} else {
if (lineIndex >= this.options.ykeys.length - this.options.nbYkeys2) {
if (row._y2[lineIndex] != null) {
straightPath += ',' + row._x + ',' + this.transY2(this.ymin2);
if (this.options.lineType === 'step') {
straightPath += ',' + row._x + ',' + this.transY2(this.ymin2);
}
}
} else if (row._y[lineIndex] != null) {
if (this.options.lineType !== 'vertical') {
straightPath += ',' + row._x + ',' + this.transY(this.ymin);
} else {
row_x = row._x - (this.options.ykeys.length - 1) * (this.options.lineWidth / this.options.ykeys.length) + lineIndex * this.options.lineWidth;
straightPath += 'M' + row_x + ',' + this.transY(0) + 'L' + row_x + ',' + this.transY(0) + 'L' + row_x + ',' + this.transY(0);
}
if (this.options.lineType === 'step') {
straightPath += ',' + row._x + ',' + this.transY(this.ymin);
}
}
}
}
rPath = this.raphael.path(straightPath).attr('stroke', lineColor).attr('stroke-width', this.lineWidthForSeries(lineIndex)).attr('class', this.options.extraClassLine).attr('class', 'line_' + lineIndex);
if (this.options.cumulative) {
return (function(rPath, path) {
return rPath.animate({
path: path
}, 600, '<>');
})(rPath, path);
} else {
return (function(rPath, path) {
return rPath.animate({
path: path
}, 500, '<>');
})(rPath, path);
}
} else {
return this.raphael.path(path).attr('stroke', lineColor).attr('stroke-width', this.lineWidthForSeries(lineIndex)).attr('class', this.options.extraClassLine).attr('class', 'line_' + lineIndex);
}
};
Line.prototype.drawLinePoint = function(xPos, yPos, pointColor, lineIndex) {
return this.raphael.circle(xPos, yPos, this.pointSizeForSeries(lineIndex)).attr('fill', pointColor).attr('stroke-width', this.pointStrokeWidthForSeries(lineIndex