3 Copyright 2014 Olly Smith All rights reserved.
4 Licensed under the BSD-2-Clause License.
9 var $, Morris, minutesSpecHelper, secondsSpecHelper,
11 __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
12 __hasProp = {}.hasOwnProperty,
13 __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; },
14 __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; };
16 Morris = window.Morris = {};
20 Morris.EventEmitter = (function() {
21 function EventEmitter() {}
23 EventEmitter.prototype.on = function(name, handler) {
24 if (this.handlers == null) {
27 if (this.handlers[name] == null) {
28 this.handlers[name] = [];
30 this.handlers[name].push(handler);
34 EventEmitter.prototype.fire = function() {
35 var args, handler, name, _i, _len, _ref, _results;
36 name = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
37 if ((this.handlers != null) && (this.handlers[name] != null)) {
38 _ref = this.handlers[name];
40 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
42 _results.push(handler.apply(null, args));
52 Morris.commas = function(num) {
53 var absnum, intnum, ret, strabsnum;
55 ret = num < 0 ? "-" : "";
56 absnum = Math.abs(num);
57 intnum = Math.floor(absnum).toFixed(0);
58 ret += intnum.replace(/(?=(?:\d{3})+$)(?!^)/g, ',');
59 strabsnum = absnum.toString();
60 if (strabsnum.length > intnum.length) {
61 ret += strabsnum.slice(intnum.length);
69 Morris.pad2 = function(number) {
70 return (number < 10 ? '0' : '') + number;
73 Morris.Grid = (function(_super) {
74 __extends(Grid, _super);
76 function Grid(options) {
77 this.resizeHandler = __bind(this.resizeHandler, this);
79 if (typeof options.element === 'string') {
80 this.el = $(document.getElementById(options.element));
82 this.el = $(options.element);
84 if ((this.el == null) || this.el.length === 0) {
85 throw new Error("Graph container element not found");
87 if (this.el.css('position') === 'static') {
88 this.el.css('position', 'relative');
90 this.options = $.extend({}, this.gridDefaults, this.defaults || {}, options);
91 if (typeof this.options.units === 'string') {
92 this.options.postUnits = options.units;
94 this.raphael = new Raphael(this.el[0]);
95 this.elementWidth = null;
96 this.elementHeight = null;
98 this.selectFrom = null;
102 this.setData(this.options.data);
103 this.el.bind('mousemove', function(evt) {
104 var left, offset, right, width, x;
105 offset = _this.el.offset();
106 x = evt.pageX - offset.left;
107 if (_this.selectFrom) {
108 left = _this.data[_this.hitTest(Math.min(x, _this.selectFrom))]._x;
109 right = _this.data[_this.hitTest(Math.max(x, _this.selectFrom))]._x;
110 width = right - left;
111 return _this.selectionRect.attr({
116 return _this.fire('hovermove', x, evt.pageY - offset.top);
119 this.el.bind('mouseleave', function(evt) {
120 if (_this.selectFrom) {
121 _this.selectionRect.hide();
122 _this.selectFrom = null;
124 return _this.fire('hoverout');
126 this.el.bind('touchstart touchmove touchend', function(evt) {
128 touch = evt.originalEvent.touches[0] || evt.originalEvent.changedTouches[0];
129 offset = _this.el.offset();
130 return _this.fire('hovermove', touch.pageX - offset.left, touch.pageY - offset.top);
132 this.el.bind('click', function(evt) {
134 offset = _this.el.offset();
135 return _this.fire('gridclick', evt.pageX - offset.left, evt.pageY - offset.top);
137 if (this.options.rangeSelect) {
138 this.selectionRect = this.raphael.rect(0, 0, 0, this.el.innerHeight()).attr({
139 fill: this.options.rangeSelectColor,
142 this.el.bind('mousedown', function(evt) {
144 offset = _this.el.offset();
145 return _this.startRange(evt.pageX - offset.left);
147 this.el.bind('mouseup', function(evt) {
149 offset = _this.el.offset();
150 _this.endRange(evt.pageX - offset.left);
151 return _this.fire('hovermove', evt.pageX - offset.left, evt.pageY - offset.top);
154 if (this.options.resize) {
155 $(window).bind('resize', function(evt) {
156 if (_this.timeoutId != null) {
157 window.clearTimeout(_this.timeoutId);
159 return _this.timeoutId = window.setTimeout(_this.resizeHandler, 100);
162 this.el.css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
168 Grid.prototype.gridDefaults = {
172 gridLineColor: '#aaa',
173 gridStrokeWidth: 0.5,
174 gridTextColor: '#888',
176 gridTextFamily: 'sans-serif',
177 gridTextWeight: 'normal',
189 goalStrokeWidth: 1.0,
190 goalLineColors: ['#666633', '#999966', '#cc6666', '#663333'],
192 eventStrokeWidth: 1.0,
193 eventLineColors: ['#005a04', '#ccffbb', '#3a5f0b', '#005502'],
195 rangeSelectColor: '#eef',
199 Grid.prototype.setData = function(data, redraw) {
200 var e, idx, index, maxGoal, minGoal, ret, row, step, total, y, ykey, ymax, ymin, yval, _ref;
201 if (redraw == null) {
204 this.options.data = data;
205 if ((data == null) || data.length === 0) {
207 this.raphael.clear();
208 if (this.hover != null) {
213 ymax = this.cumulative ? 0 : null;
214 ymin = this.cumulative ? 0 : null;
215 if (this.options.goals.length > 0) {
216 minGoal = Math.min.apply(Math, this.options.goals);
217 maxGoal = Math.max.apply(Math, this.options.goals);
218 ymin = ymin != null ? Math.min(ymin, minGoal) : minGoal;
219 ymax = ymax != null ? Math.max(ymax, maxGoal) : maxGoal;
221 this.data = (function() {
222 var _i, _len, _results;
224 for (index = _i = 0, _len = data.length; _i < _len; index = ++_i) {
229 ret.label = row[this.options.xkey];
230 if (this.options.parseTime) {
231 ret.x = Morris.parseDate(ret.label);
232 if (this.options.dateFormat) {
233 ret.label = this.options.dateFormat(ret.x);
234 } else if (typeof ret.label === 'number') {
235 ret.label = new Date(ret.label).toString();
239 if (this.options.xLabelFormat) {
240 ret.label = this.options.xLabelFormat(ret);
244 ret.y = (function() {
245 var _j, _len1, _ref, _results1;
246 _ref = this.options.ykeys;
248 for (idx = _j = 0, _len1 = _ref.length; _j < _len1; idx = ++_j) {
251 if (typeof yval === 'string') {
252 yval = parseFloat(yval);
254 if ((yval != null) && typeof yval !== 'number') {
258 if (this.cumulative) {
262 ymax = Math.max(yval, ymax);
263 ymin = Math.min(yval, ymin);
269 if (this.cumulative && (total != null)) {
270 ymax = Math.max(total, ymax);
271 ymin = Math.min(total, ymin);
273 _results1.push(yval);
281 if (this.options.parseTime) {
282 this.data = this.data.sort(function(a, b) {
283 return (a.x > b.x) - (b.x > a.x);
286 this.xmin = this.data[0].x;
287 this.xmax = this.data[this.data.length - 1].x;
289 if (this.options.events.length > 0) {
290 if (this.options.parseTime) {
291 this.events = (function() {
292 var _i, _len, _ref, _results;
293 _ref = this.options.events;
295 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
297 _results.push(Morris.parseDate(e));
302 this.events = this.options.events;
304 this.xmax = Math.max(this.xmax, Math.max.apply(Math, this.events));
305 this.xmin = Math.min(this.xmin, Math.min.apply(Math, this.events));
307 if (this.xmin === this.xmax) {
311 this.ymin = this.yboundary('min', ymin);
312 this.ymax = this.yboundary('max', ymax);
313 if (this.ymin === this.ymax) {
319 if (((_ref = this.options.axes) === true || _ref === 'both' || _ref === 'y') || this.options.grid === true) {
320 if (this.options.ymax === this.gridDefaults.ymax && this.options.ymin === this.gridDefaults.ymin) {
321 this.grid = this.autoGridLines(this.ymin, this.ymax, this.options.numLines);
322 this.ymin = Math.min(this.ymin, this.grid[0]);
323 this.ymax = Math.max(this.ymax, this.grid[this.grid.length - 1]);
325 step = (this.ymax - this.ymin) / (this.options.numLines - 1);
326 this.grid = (function() {
327 var _i, _ref1, _ref2, _results;
329 for (y = _i = _ref1 = this.ymin, _ref2 = this.ymax; step > 0 ? _i <= _ref2 : _i >= _ref2; y = _i += step) {
338 return this.redraw();
342 Grid.prototype.yboundary = function(boundaryType, currentValue) {
343 var boundaryOption, suggestedValue;
344 boundaryOption = this.options["y" + boundaryType];
345 if (typeof boundaryOption === 'string') {
346 if (boundaryOption.slice(0, 4) === 'auto') {
347 if (boundaryOption.length > 5) {
348 suggestedValue = parseInt(boundaryOption.slice(5), 10);
349 if (currentValue == null) {
350 return suggestedValue;
352 return Math[boundaryType](currentValue, suggestedValue);
354 if (currentValue != null) {
361 return parseInt(boundaryOption, 10);
364 return boundaryOption;
368 Grid.prototype.autoGridLines = function(ymin, ymax, nlines) {
369 var gmax, gmin, grid, smag, span, step, unit, y, ymag;
371 ymag = Math.floor(Math.log(span) / Math.log(10));
372 unit = Math.pow(10, ymag);
373 gmin = Math.floor(ymin / unit) * unit;
374 gmax = Math.ceil(ymax / unit) * unit;
375 step = (gmax - gmin) / (nlines - 1);
376 if (unit === 1 && step > 1 && Math.ceil(step) !== step) {
377 step = Math.ceil(step);
378 gmax = gmin + step * (nlines - 1);
380 if (gmin < 0 && gmax > 0) {
381 gmin = Math.floor(ymin / step) * step;
382 gmax = Math.ceil(ymax / step) * step;
385 smag = Math.floor(Math.log(step) / Math.log(10));
389 for (y = _i = gmin; step > 0 ? _i <= gmax : _i >= gmax; y = _i += step) {
390 _results.push(parseFloat(y.toFixed(1 - smag)));
398 for (y = _i = gmin; step > 0 ? _i <= gmax : _i >= gmax; y = _i += step) {
407 Grid.prototype._calc = function() {
408 var bottomOffsets, gridLine, h, i, w, yLabelWidths, _ref, _ref1;
410 h = this.el.height();
411 if (this.elementWidth !== w || this.elementHeight !== h || this.dirty) {
412 this.elementWidth = w;
413 this.elementHeight = h;
415 this.left = this.options.padding;
416 this.right = this.elementWidth - this.options.padding;
417 this.top = this.options.padding;
418 this.bottom = this.elementHeight - this.options.padding;
419 if ((_ref = this.options.axes) === true || _ref === 'both' || _ref === 'y') {
420 yLabelWidths = (function() {
421 var _i, _len, _ref1, _results;
424 for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
425 gridLine = _ref1[_i];
426 _results.push(this.measureText(this.yAxisFormat(gridLine)).width);
430 this.left += Math.max.apply(Math, yLabelWidths);
432 if ((_ref1 = this.options.axes) === true || _ref1 === 'both' || _ref1 === 'x') {
433 bottomOffsets = (function() {
434 var _i, _ref2, _results;
436 for (i = _i = 0, _ref2 = this.data.length; 0 <= _ref2 ? _i < _ref2 : _i > _ref2; i = 0 <= _ref2 ? ++_i : --_i) {
437 _results.push(this.measureText(this.data[i].text, -this.options.xLabelAngle).height);
441 this.bottom -= Math.max.apply(Math, bottomOffsets);
443 this.width = Math.max(1, this.right - this.left);
444 this.height = Math.max(1, this.bottom - this.top);
445 this.dx = this.width / (this.xmax - this.xmin);
446 this.dy = this.height / (this.ymax - this.ymin);
453 Grid.prototype.transY = function(y) {
454 return this.bottom - (y - this.ymin) * this.dy;
457 Grid.prototype.transX = function(x) {
458 if (this.data.length === 1) {
459 return (this.left + this.right) / 2;
461 return this.left + (x - this.xmin) * this.dx;
465 Grid.prototype.redraw = function() {
466 this.raphael.clear();
476 Grid.prototype.measureText = function(text, angle) {
481 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);
487 Grid.prototype.yAxisFormat = function(label) {
488 return this.yLabelFormat(label);
491 Grid.prototype.yLabelFormat = function(label) {
492 if (typeof this.options.yLabelFormat === 'function') {
493 return this.options.yLabelFormat(label);
495 return "" + this.options.preUnits + (Morris.commas(label)) + this.options.postUnits;
499 Grid.prototype.drawGrid = function() {
500 var lineY, y, _i, _len, _ref, _ref1, _ref2, _results;
501 if (this.options.grid === false && ((_ref = this.options.axes) !== true && _ref !== 'both' && _ref !== 'y')) {
506 for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
508 y = this.transY(lineY);
509 if ((_ref2 = this.options.axes) === true || _ref2 === 'both' || _ref2 === 'y') {
510 this.drawYAxisLabel(this.left - this.options.padding / 2, y, this.yAxisFormat(lineY));
512 if (this.options.grid) {
513 _results.push(this.drawGridLine("M" + this.left + "," + y + "H" + (this.left + this.width)));
515 _results.push(void 0);
521 Grid.prototype.drawGoals = function() {
522 var color, goal, i, _i, _len, _ref, _results;
523 _ref = this.options.goals;
525 for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) {
527 color = this.options.goalLineColors[i % this.options.goalLineColors.length];
528 _results.push(this.drawGoal(goal, color));
533 Grid.prototype.drawEvents = function() {
534 var color, event, i, _i, _len, _ref, _results;
537 for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) {
539 color = this.options.eventLineColors[i % this.options.eventLineColors.length];
540 _results.push(this.drawEvent(event, color));
545 Grid.prototype.drawGoal = function(goal, color) {
546 return this.raphael.path("M" + this.left + "," + (this.transY(goal)) + "H" + this.right).attr('stroke', color).attr('stroke-width', this.options.goalStrokeWidth);
549 Grid.prototype.drawEvent = function(event, color) {
550 return this.raphael.path("M" + (this.transX(event)) + "," + this.bottom + "V" + this.top).attr('stroke', color).attr('stroke-width', this.options.eventStrokeWidth);
553 Grid.prototype.drawYAxisLabel = function(xPos, yPos, text) {
554 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).attr('text-anchor', 'end');
557 Grid.prototype.drawGridLine = function(path) {
558 return this.raphael.path(path).attr('stroke', this.options.gridLineColor).attr('stroke-width', this.options.gridStrokeWidth);
561 Grid.prototype.startRange = function(x) {
564 return this.selectionRect.attr({
570 Grid.prototype.endRange = function(x) {
572 if (this.selectFrom) {
573 start = Math.min(this.selectFrom, x);
574 end = Math.max(this.selectFrom, x);
575 this.options.rangeSelect.call(this.el, {
576 start: this.data[this.hitTest(start)].x,
577 end: this.data[this.hitTest(end)].x
579 return this.selectFrom = null;
583 Grid.prototype.resizeHandler = function() {
584 this.timeoutId = null;
585 this.raphael.setSize(this.el.width(), this.el.height());
586 return this.redraw();
591 })(Morris.EventEmitter);
593 Morris.parseDate = function(date) {
594 var isecs, m, msecs, n, o, offsetmins, p, q, r, ret, secs;
595 if (typeof date === 'number') {
598 m = date.match(/^(\d+) Q(\d)$/);
599 n = date.match(/^(\d+)-(\d+)$/);
600 o = date.match(/^(\d+)-(\d+)-(\d+)$/);
601 p = date.match(/^(\d+) W(\d+)$/);
602 q = date.match(/^(\d+)-(\d+)-(\d+)[ T](\d+):(\d+)(Z|([+-])(\d\d):?(\d\d))?$/);
603 r = date.match(/^(\d+)-(\d+)-(\d+)[ T](\d+):(\d+):(\d+(\.\d+)?)(Z|([+-])(\d\d):?(\d\d))?$/);
605 return new Date(parseInt(m[1], 10), parseInt(m[2], 10) * 3 - 1, 1).getTime();
607 return new Date(parseInt(n[1], 10), parseInt(n[2], 10) - 1, 1).getTime();
609 return new Date(parseInt(o[1], 10), parseInt(o[2], 10) - 1, parseInt(o[3], 10)).getTime();
611 ret = new Date(parseInt(p[1], 10), 0, 1);
612 if (ret.getDay() !== 4) {
613 ret.setMonth(0, 1 + ((4 - ret.getDay()) + 7) % 7);
615 return ret.getTime() + parseInt(p[2], 10) * 604800000;
618 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();
622 offsetmins = parseInt(q[8], 10) * 60 + parseInt(q[9], 10);
624 offsetmins = 0 - offsetmins;
627 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);
630 secs = parseFloat(r[6]);
631 isecs = Math.floor(secs);
632 msecs = Math.round((secs - isecs) * 1000);
634 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();
638 offsetmins = parseInt(r[10], 10) * 60 + parseInt(r[11], 10);
640 offsetmins = 0 - offsetmins;
643 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);
646 return new Date(parseInt(date, 10), 0, 1).getTime();
650 Morris.Hover = (function() {
652 "class": 'morris-hover morris-default-style'
655 function Hover(options) {
656 if (options == null) {
659 this.options = $.extend({}, Morris.Hover.defaults, options);
660 this.el = $("<div class='" + this.options["class"] + "'></div>");
662 this.options.parent.append(this.el);
665 Hover.prototype.update = function(html, x, y) {
671 return this.moveTo(x, y);
675 Hover.prototype.html = function(content) {
676 return this.el.html(content);
679 Hover.prototype.moveTo = function(x, y) {
680 var hoverHeight, hoverWidth, left, parentHeight, parentWidth, top;
681 parentWidth = this.options.parent.innerWidth();
682 parentHeight = this.options.parent.innerHeight();
683 hoverWidth = this.el.outerWidth();
684 hoverHeight = this.el.outerHeight();
685 left = Math.min(Math.max(0, x - hoverWidth / 2), parentWidth - hoverWidth);
687 top = y - hoverHeight - 10;
690 if (top + hoverHeight > parentHeight) {
691 top = parentHeight / 2 - hoverHeight / 2;
695 top = parentHeight / 2 - hoverHeight / 2;
699 top: parseInt(top) + "px"
703 Hover.prototype.show = function() {
704 return this.el.show();
707 Hover.prototype.hide = function() {
708 return this.el.hide();
715 Morris.Line = (function(_super) {
716 __extends(Line, _super);
718 function Line(options) {
719 this.hilight = __bind(this.hilight, this);
720 this.onHoverOut = __bind(this.onHoverOut, this);
721 this.onHoverMove = __bind(this.onHoverMove, this);
722 this.onGridClick = __bind(this.onGridClick, this);
723 if (!(this instanceof Morris.Line)) {
724 return new Morris.Line(options);
726 Line.__super__.constructor.call(this, options);
729 Line.prototype.init = function() {
730 if (this.options.hideHover !== 'always') {
731 this.hover = new Morris.Hover({
734 this.on('hovermove', this.onHoverMove);
735 this.on('hoverout', this.onHoverOut);
736 return this.on('gridclick', this.onGridClick);
740 Line.prototype.defaults = {
743 lineColors: ['#0b62a4', '#7A92A3', '#4da74d', '#afd8f8', '#edc240', '#cb4b4b', '#9440ed'],
744 pointStrokeWidths: [1],
745 pointStrokeColors: ['#ffffff'],
754 Line.prototype.calc = function() {
756 return this.generatePaths();
759 Line.prototype.calcPoints = function() {
760 var row, y, _i, _len, _ref, _results;
763 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
765 row._x = this.transX(row.x);
766 row._y = (function() {
767 var _j, _len1, _ref1, _results1;
770 for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
773 _results1.push(this.transY(y));
780 _results.push(row._ymax = Math.min.apply(Math, [this.bottom].concat((function() {
781 var _j, _len1, _ref1, _results1;
784 for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
796 Line.prototype.hitTest = function(x) {
797 var index, r, _i, _len, _ref;
798 if (this.data.length === 0) {
801 _ref = this.data.slice(1);
802 for (index = _i = 0, _len = _ref.length; _i < _len; index = ++_i) {
804 if (x < (r._x + this.data[index]._x) / 2) {
811 Line.prototype.onGridClick = function(x, y) {
813 index = this.hitTest(x);
814 return this.fire('click', index, this.data[index].src, x, y);
817 Line.prototype.onHoverMove = function(x, y) {
819 index = this.hitTest(x);
820 return this.displayHoverForRow(index);
823 Line.prototype.onHoverOut = function() {
824 if (this.options.hideHover !== false) {
825 return this.displayHoverForRow(null);
829 Line.prototype.displayHoverForRow = function(index) {
832 (_ref = this.hover).update.apply(_ref, this.hoverContentForRow(index));
833 return this.hilight(index);
836 return this.hilight();
840 Line.prototype.hoverContentForRow = function(index) {
841 var content, j, row, y, _i, _len, _ref;
842 row = this.data[index];
843 content = "<div class='morris-hover-row-label'>" + row.label + "</div>";
845 for (j = _i = 0, _len = _ref.length; _i < _len; j = ++_i) {
847 content += "<div class='morris-hover-point' style='color: " + (this.colorFor(row, j, 'label')) + "'>\n " + this.options.labels[j] + ":\n " + (this.yLabelFormat(y)) + "\n</div>";
849 if (typeof this.options.hoverCallback === 'function') {
850 content = this.options.hoverCallback(index, this.options, content, row.src);
852 return [content, row._x, row._ymax];
855 Line.prototype.generatePaths = function() {
856 var coords, i, r, smooth;
857 return this.paths = (function() {
858 var _i, _ref, _ref1, _results;
860 for (i = _i = 0, _ref = this.options.ykeys.length; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
861 smooth = typeof this.options.smooth === "boolean" ? this.options.smooth : (_ref1 = this.options.ykeys[i], __indexOf.call(this.options.smooth, _ref1) >= 0);
862 coords = (function() {
863 var _j, _len, _ref2, _results1;
866 for (_j = 0, _len = _ref2.length; _j < _len; _j++) {
868 if (r._y[i] !== void 0) {
877 if (coords.length > 1) {
878 _results.push(Morris.Line.createPath(coords, smooth, this.bottom));
887 Line.prototype.draw = function() {
889 if ((_ref = this.options.axes) === true || _ref === 'both' || _ref === 'x') {
893 if (this.options.hideHover === false) {
894 return this.displayHoverForRow(this.data.length - 1);
898 Line.prototype.drawXAxis = function() {
899 var drawLabel, l, labels, prevAngleMargin, prevLabelMargin, row, ypos, _i, _len, _results,
901 ypos = this.bottom + this.options.padding / 2;
902 prevLabelMargin = null;
903 prevAngleMargin = null;
904 drawLabel = function(labelText, xpos) {
905 var label, labelBox, margin, offset, textBox;
906 label = _this.drawXAxisLabel(_this.transX(xpos), ypos, labelText);
907 textBox = label.getBBox();
908 label.transform("r" + (-_this.options.xLabelAngle));
909 labelBox = label.getBBox();
910 label.transform("t0," + (labelBox.height / 2) + "...");
911 if (_this.options.xLabelAngle !== 0) {
912 offset = -0.5 * textBox.width * Math.cos(_this.options.xLabelAngle * Math.PI / 180.0);
913 label.transform("t" + offset + ",0...");
915 labelBox = label.getBBox();
916 if (((prevLabelMargin == null) || prevLabelMargin >= labelBox.x + labelBox.width || (prevAngleMargin != null) && prevAngleMargin >= labelBox.x) && labelBox.x >= 0 && (labelBox.x + labelBox.width) < _this.el.width()) {
917 if (_this.options.xLabelAngle !== 0) {
918 margin = 1.25 * _this.options.gridTextSize / Math.sin(_this.options.xLabelAngle * Math.PI / 180.0);
919 prevAngleMargin = labelBox.x - margin;
921 return prevLabelMargin = labelBox.x - _this.options.xLabelMargin;
923 return label.remove();
926 if (this.options.parseTime) {
927 if (this.data.length === 1 && this.options.xLabels === 'auto') {
928 labels = [[this.data[0].label, this.data[0].x]];
930 labels = Morris.labelSeries(this.xmin, this.xmax, this.width, this.options.xLabels, this.options.xLabelFormat);
933 labels = (function() {
934 var _i, _len, _ref, _results;
937 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
939 _results.push([row.label, row.x]);
946 for (_i = 0, _len = labels.length; _i < _len; _i++) {
948 _results.push(drawLabel(l[0], l[1]));
953 Line.prototype.drawSeries = function() {
954 var i, _i, _j, _ref, _ref1, _results;
955 this.seriesPoints = [];
956 for (i = _i = _ref = this.options.ykeys.length - 1; _ref <= 0 ? _i <= 0 : _i >= 0; i = _ref <= 0 ? ++_i : --_i) {
957 this._drawLineFor(i);
960 for (i = _j = _ref1 = this.options.ykeys.length - 1; _ref1 <= 0 ? _j <= 0 : _j >= 0; i = _ref1 <= 0 ? ++_j : --_j) {
961 _results.push(this._drawPointFor(i));
966 Line.prototype._drawPointFor = function(index) {
967 var circle, row, _i, _len, _ref, _results;
968 this.seriesPoints[index] = [];
971 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
974 if (row._y[index] != null) {
975 circle = this.drawLinePoint(row._x, row._y[index], this.colorFor(row, index, 'point'), index);
977 _results.push(this.seriesPoints[index].push(circle));
982 Line.prototype._drawLineFor = function(index) {
984 path = this.paths[index];
986 return this.drawLinePath(path, this.colorFor(null, index, 'line'), index);
990 Line.createPath = function(coords, smooth, bottom) {
991 var coord, g, grads, i, ix, lg, path, prevCoord, x1, x2, y1, y2, _i, _len;
994 grads = Morris.Line.gradients(coords);
999 for (i = _i = 0, _len = coords.length; _i < _len; i = ++_i) {
1001 if (coord.y != null) {
1002 if (prevCoord.y != null) {
1006 ix = (coord.x - prevCoord.x) / 4;
1007 x1 = prevCoord.x + ix;
1008 y1 = Math.min(bottom, prevCoord.y + ix * lg);
1010 y2 = Math.min(bottom, coord.y - ix * g);
1011 path += "C" + x1 + "," + y1 + "," + x2 + "," + y2 + "," + coord.x + "," + coord.y;
1013 path += "L" + coord.x + "," + coord.y;
1016 if (!smooth || (grads[i] != null)) {
1017 path += "M" + coord.x + "," + coord.y;
1026 Line.gradients = function(coords) {
1027 var coord, grad, i, nextCoord, prevCoord, _i, _len, _results;
1028 grad = function(a, b) {
1029 return (a.y - b.y) / (a.x - b.x);
1032 for (i = _i = 0, _len = coords.length; _i < _len; i = ++_i) {
1034 if (coord.y != null) {
1035 nextCoord = coords[i + 1] || {
1038 prevCoord = coords[i - 1] || {
1041 if ((prevCoord.y != null) && (nextCoord.y != null)) {
1042 _results.push(grad(prevCoord, nextCoord));
1043 } else if (prevCoord.y != null) {
1044 _results.push(grad(prevCoord, coord));
1045 } else if (nextCoord.y != null) {
1046 _results.push(grad(coord, nextCoord));
1048 _results.push(null);
1051 _results.push(null);
1057 Line.prototype.hilight = function(index) {
1058 var i, _i, _j, _ref, _ref1;
1059 if (this.prevHilight !== null && this.prevHilight !== index) {
1060 for (i = _i = 0, _ref = this.seriesPoints.length - 1; 0 <= _ref ? _i <= _ref : _i >= _ref; i = 0 <= _ref ? ++_i : --_i) {
1061 if (this.seriesPoints[i][this.prevHilight]) {
1062 this.seriesPoints[i][this.prevHilight].animate(this.pointShrinkSeries(i));
1066 if (index !== null && this.prevHilight !== index) {
1067 for (i = _j = 0, _ref1 = this.seriesPoints.length - 1; 0 <= _ref1 ? _j <= _ref1 : _j >= _ref1; i = 0 <= _ref1 ? ++_j : --_j) {
1068 if (this.seriesPoints[i][index]) {
1069 this.seriesPoints[i][index].animate(this.pointGrowSeries(i));
1073 return this.prevHilight = index;
1076 Line.prototype.colorFor = function(row, sidx, type) {
1077 if (typeof this.options.lineColors === 'function') {
1078 return this.options.lineColors.call(this, row, sidx, type);
1079 } else if (type === 'point') {
1080 return this.options.pointFillColors[sidx % this.options.pointFillColors.length] || this.options.lineColors[sidx % this.options.lineColors.length];
1082 return this.options.lineColors[sidx % this.options.lineColors.length];
1086 Line.prototype.drawXAxisLabel = function(xPos, yPos, text) {
1087 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);
1090 Line.prototype.drawLinePath = function(path, lineColor, lineIndex) {
1091 return this.raphael.path(path).attr('stroke', lineColor).attr('stroke-width', this.lineWidthForSeries(lineIndex));
1094 Line.prototype.drawLinePoint = function(xPos, yPos, pointColor, lineIndex) {
1095 return this.raphael.circle(xPos, yPos, this.pointSizeForSeries(lineIndex)).attr('fill', pointColor).attr('stroke-width', this.pointStrokeWidthForSeries(lineIndex)).attr('stroke', this.pointStrokeColorForSeries(lineIndex));
1098 Line.prototype.pointStrokeWidthForSeries = function(index) {
1099 return this.options.pointStrokeWidths[index % this.options.pointStrokeWidths.length];
1102 Line.prototype.pointStrokeColorForSeries = function(index) {
1103 return this.options.pointStrokeColors[index % this.options.pointStrokeColors.length];
1106 Line.prototype.lineWidthForSeries = function(index) {
1107 if (this.options.lineWidth instanceof Array) {
1108 return this.options.lineWidth[index % this.options.lineWidth.length];
1110 return this.options.lineWidth;
1114 Line.prototype.pointSizeForSeries = function(index) {
1115 if (this.options.pointSize instanceof Array) {
1116 return this.options.pointSize[index % this.options.pointSize.length];
1118 return this.options.pointSize;
1122 Line.prototype.pointGrowSeries = function(index) {
1123 return Raphael.animation({
1124 r: this.pointSizeForSeries(index) + 3
1128 Line.prototype.pointShrinkSeries = function(index) {
1129 return Raphael.animation({
1130 r: this.pointSizeForSeries(index)
1138 Morris.labelSeries = function(dmin, dmax, pxwidth, specName, xLabelFormat) {
1139 var d, d0, ddensity, name, ret, s, spec, t, _i, _len, _ref;
1140 ddensity = 200 * (dmax - dmin) / pxwidth;
1141 d0 = new Date(dmin);
1142 spec = Morris.LABEL_SPECS[specName];
1143 if (spec === void 0) {
1144 _ref = Morris.AUTO_LABEL_ORDER;
1145 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
1147 s = Morris.LABEL_SPECS[name];
1148 if (ddensity >= s.span) {
1154 if (spec === void 0) {
1155 spec = Morris.LABEL_SPECS["second"];
1158 spec = $.extend({}, spec, {
1164 while ((t = d.getTime()) <= dmax) {
1166 ret.push([spec.fmt(d), t]);
1173 minutesSpecHelper = function(interval) {
1175 span: interval * 60 * 1000,
1176 start: function(d) {
1177 return new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours());
1180 return "" + (Morris.pad2(d.getHours())) + ":" + (Morris.pad2(d.getMinutes()));
1183 return d.setUTCMinutes(d.getUTCMinutes() + interval);
1188 secondsSpecHelper = function(interval) {
1190 span: interval * 1000,
1191 start: function(d) {
1192 return new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes());
1195 return "" + (Morris.pad2(d.getHours())) + ":" + (Morris.pad2(d.getMinutes())) + ":" + (Morris.pad2(d.getSeconds()));
1198 return d.setUTCSeconds(d.getUTCSeconds() + interval);
1203 Morris.LABEL_SPECS = {
1206 start: function(d) {
1207 return new Date(d.getFullYear() - d.getFullYear() % 10, 0, 1);
1210 return "" + (d.getFullYear());
1213 return d.setFullYear(d.getFullYear() + 10);
1218 start: function(d) {
1219 return new Date(d.getFullYear(), 0, 1);
1222 return "" + (d.getFullYear());
1225 return d.setFullYear(d.getFullYear() + 1);
1230 start: function(d) {
1231 return new Date(d.getFullYear(), d.getMonth(), 1);
1234 return "" + (d.getFullYear()) + "-" + (Morris.pad2(d.getMonth() + 1));
1237 return d.setMonth(d.getMonth() + 1);
1242 start: function(d) {
1243 return new Date(d.getFullYear(), d.getMonth(), d.getDate());
1246 return "" + (d.getFullYear()) + "-" + (Morris.pad2(d.getMonth() + 1)) + "-" + (Morris.pad2(d.getDate()));
1249 return d.setDate(d.getDate() + 7);
1254 start: function(d) {
1255 return new Date(d.getFullYear(), d.getMonth(), d.getDate());
1258 return "" + (d.getFullYear()) + "-" + (Morris.pad2(d.getMonth() + 1)) + "-" + (Morris.pad2(d.getDate()));
1261 return d.setDate(d.getDate() + 1);
1264 "hour": minutesSpecHelper(60),
1265 "30min": minutesSpecHelper(30),
1266 "15min": minutesSpecHelper(15),
1267 "10min": minutesSpecHelper(10),
1268 "5min": minutesSpecHelper(5),
1269 "minute": minutesSpecHelper(1),
1270 "30sec": secondsSpecHelper(30),
1271 "15sec": secondsSpecHelper(15),
1272 "10sec": secondsSpecHelper(10),
1273 "5sec": secondsSpecHelper(5),
1274 "second": secondsSpecHelper(1)
1277 Morris.AUTO_LABEL_ORDER = ["decade", "year", "month", "week", "day", "hour", "30min", "15min", "10min", "5min", "minute", "30sec", "15sec", "10sec", "5sec", "second"];
1279 Morris.Area = (function(_super) {
1282 __extends(Area, _super);
1285 fillOpacity: 'auto',
1286 behaveLikeLine: false
1289 function Area(options) {
1291 if (!(this instanceof Morris.Area)) {
1292 return new Morris.Area(options);
1294 areaOptions = $.extend({}, areaDefaults, options);
1295 this.cumulative = !areaOptions.behaveLikeLine;
1296 if (areaOptions.fillOpacity === 'auto') {
1297 areaOptions.fillOpacity = areaOptions.behaveLikeLine ? .8 : 1;
1299 Area.__super__.constructor.call(this, areaOptions);
1302 Area.prototype.calcPoints = function() {
1303 var row, total, y, _i, _len, _ref, _results;
1306 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
1308 row._x = this.transX(row.x);
1310 row._y = (function() {
1311 var _j, _len1, _ref1, _results1;
1314 for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
1316 if (this.options.behaveLikeLine) {
1317 _results1.push(this.transY(y));
1320 _results1.push(this.transY(total));
1325 _results.push(row._ymax = Math.max.apply(Math, row._y));
1330 Area.prototype.drawSeries = function() {
1331 var i, range, _i, _j, _k, _len, _ref, _ref1, _results, _results1, _results2;
1332 this.seriesPoints = [];
1333 if (this.options.behaveLikeLine) {
1334 range = (function() {
1336 for (var _i = 0, _ref = this.options.ykeys.length - 1; 0 <= _ref ? _i <= _ref : _i >= _ref; 0 <= _ref ? _i++ : _i--){ _results.push(_i); }
1340 range = (function() {
1342 for (var _j = _ref1 = this.options.ykeys.length - 1; _ref1 <= 0 ? _j <= 0 : _j >= 0; _ref1 <= 0 ? _j++ : _j--){ _results1.push(_j); }
1347 for (_k = 0, _len = range.length; _k < _len; _k++) {
1349 this._drawFillFor(i);
1350 this._drawLineFor(i);
1351 _results2.push(this._drawPointFor(i));
1356 Area.prototype._drawFillFor = function(index) {
1358 path = this.paths[index];
1359 if (path !== null) {
1360 path = path + ("L" + (this.transX(this.xmax)) + "," + this.bottom + "L" + (this.transX(this.xmin)) + "," + this.bottom + "Z");
1361 return this.drawFilledPath(path, this.fillForSeries(index));
1365 Area.prototype.fillForSeries = function(i) {
1367 color = Raphael.rgb2hsl(this.colorFor(this.data[i], i, 'line'));
1368 return Raphael.hsl(color.h, this.options.behaveLikeLine ? color.s * 0.9 : color.s * 0.75, Math.min(0.98, this.options.behaveLikeLine ? color.l * 1.2 : color.l * 1.25));
1371 Area.prototype.drawFilledPath = function(path, fill) {
1372 return this.raphael.path(path).attr('fill', fill).attr('fill-opacity', this.options.fillOpacity).attr('stroke', 'none');
1379 Morris.Bar = (function(_super) {
1380 __extends(Bar, _super);
1382 function Bar(options) {
1383 this.onHoverOut = __bind(this.onHoverOut, this);
1384 this.onHoverMove = __bind(this.onHoverMove, this);
1385 this.onGridClick = __bind(this.onGridClick, this);
1386 if (!(this instanceof Morris.Bar)) {
1387 return new Morris.Bar(options);
1389 Bar.__super__.constructor.call(this, $.extend({}, options, {
1394 Bar.prototype.init = function() {
1395 this.cumulative = this.options.stacked;
1396 if (this.options.hideHover !== 'always') {
1397 this.hover = new Morris.Hover({
1400 this.on('hovermove', this.onHoverMove);
1401 this.on('hoverout', this.onHoverOut);
1402 return this.on('gridclick', this.onGridClick);
1406 Bar.prototype.defaults = {
1409 barColors: ['#0b62a4', '#7a92a3', '#4da74d', '#afd8f8', '#edc240', '#cb4b4b', '#9440ed'],
1411 barRadius: [0, 0, 0, 0],
1415 Bar.prototype.calc = function() {
1418 if (this.options.hideHover === false) {
1419 return (_ref = this.hover).update.apply(_ref, this.hoverContentForRow(this.data.length - 1));
1423 Bar.prototype.calcBars = function() {
1424 var idx, row, y, _i, _len, _ref, _results;
1427 for (idx = _i = 0, _len = _ref.length; _i < _len; idx = ++_i) {
1429 row._x = this.left + this.width * (idx + 0.5) / this.data.length;
1430 _results.push(row._y = (function() {
1431 var _j, _len1, _ref1, _results1;
1434 for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
1437 _results1.push(this.transY(y));
1439 _results1.push(null);
1448 Bar.prototype.draw = function() {
1450 if ((_ref = this.options.axes) === true || _ref === 'both' || _ref === 'x') {
1453 return this.drawSeries();
1456 Bar.prototype.drawXAxis = function() {
1457 var i, label, labelBox, margin, offset, prevAngleMargin, prevLabelMargin, row, textBox, ypos, _i, _ref, _results;
1458 ypos = this.bottom + (this.options.xAxisLabelTopPadding || this.options.padding / 2);
1459 prevLabelMargin = null;
1460 prevAngleMargin = null;
1462 for (i = _i = 0, _ref = this.data.length; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
1463 row = this.data[this.data.length - 1 - i];
1464 label = this.drawXAxisLabel(row._x, ypos, row.label);
1465 textBox = label.getBBox();
1466 label.transform("r" + (-this.options.xLabelAngle));
1467 labelBox = label.getBBox();
1468 label.transform("t0," + (labelBox.height / 2) + "...");
1469 if (this.options.xLabelAngle !== 0) {
1470 offset = -0.5 * textBox.width * Math.cos(this.options.xLabelAngle * Math.PI / 180.0);
1471 label.transform("t" + offset + ",0...");
1473 if (((prevLabelMargin == null) || prevLabelMargin >= labelBox.x + labelBox.width || (prevAngleMargin != null) && prevAngleMargin >= labelBox.x) && labelBox.x >= 0 && (labelBox.x + labelBox.width) < this.el.width()) {
1474 if (this.options.xLabelAngle !== 0) {
1475 margin = 1.25 * this.options.gridTextSize / Math.sin(this.options.xLabelAngle * Math.PI / 180.0);
1476 prevAngleMargin = labelBox.x - margin;
1478 _results.push(prevLabelMargin = labelBox.x - this.options.xLabelMargin);
1480 _results.push(label.remove());
1486 Bar.prototype.drawSeries = function() {
1487 var barWidth, bottom, groupWidth, idx, lastTop, left, leftPadding, numBars, row, sidx, size, spaceLeft, top, ypos, zeroPos;
1488 groupWidth = this.width / this.options.data.length;
1489 numBars = this.options.stacked ? 1 : this.options.ykeys.length;
1490 barWidth = (groupWidth * this.options.barSizeRatio - this.options.barGap * (numBars - 1)) / numBars;
1491 if (this.options.barSize) {
1492 barWidth = Math.min(barWidth, this.options.barSize);
1494 spaceLeft = groupWidth - barWidth * numBars - this.options.barGap * (numBars - 1);
1495 leftPadding = spaceLeft / 2;
1496 zeroPos = this.ymin <= 0 && this.ymax >= 0 ? this.transY(0) : null;
1497 return this.bars = (function() {
1498 var _i, _len, _ref, _results;
1501 for (idx = _i = 0, _len = _ref.length; _i < _len; idx = ++_i) {
1504 _results.push((function() {
1505 var _j, _len1, _ref1, _results1;
1508 for (sidx = _j = 0, _len1 = _ref1.length; _j < _len1; sidx = ++_j) {
1510 if (ypos !== null) {
1512 top = Math.min(ypos, zeroPos);
1513 bottom = Math.max(ypos, zeroPos);
1516 bottom = this.bottom;
1518 left = this.left + idx * groupWidth + leftPadding;
1519 if (!this.options.stacked) {
1520 left += sidx * (barWidth + this.options.barGap);
1522 size = bottom - top;
1523 if (this.options.verticalGridCondition && this.options.verticalGridCondition(row.x)) {
1524 this.drawBar(this.left + idx * groupWidth, this.top, groupWidth, Math.abs(this.top - this.bottom), this.options.verticalGridColor, this.options.verticalGridOpacity, this.options.barRadius);
1526 if (this.options.stacked) {
1529 this.drawBar(left, top, barWidth, size, this.colorFor(row, sidx, 'bar'), this.options.barOpacity, this.options.barRadius);
1530 _results1.push(lastTop += size);
1532 _results1.push(null);
1542 Bar.prototype.colorFor = function(row, sidx, type) {
1544 if (typeof this.options.barColors === 'function') {
1552 key: this.options.ykeys[sidx],
1553 label: this.options.labels[sidx]
1555 return this.options.barColors.call(this, r, s, type);
1557 return this.options.barColors[sidx % this.options.barColors.length];
1561 Bar.prototype.hitTest = function(x) {
1562 if (this.data.length === 0) {
1565 x = Math.max(Math.min(x, this.right), this.left);
1566 return Math.min(this.data.length - 1, Math.floor((x - this.left) / (this.width / this.data.length)));
1569 Bar.prototype.onGridClick = function(x, y) {
1571 index = this.hitTest(x);
1572 return this.fire('click', index, this.data[index].src, x, y);
1575 Bar.prototype.onHoverMove = function(x, y) {
1577 index = this.hitTest(x);
1578 return (_ref = this.hover).update.apply(_ref, this.hoverContentForRow(index));
1581 Bar.prototype.onHoverOut = function() {
1582 if (this.options.hideHover !== false) {
1583 return this.hover.hide();
1587 Bar.prototype.hoverContentForRow = function(index) {
1588 var content, j, row, x, y, _i, _len, _ref;
1589 row = this.data[index];
1590 content = "<div class='morris-hover-row-label'>" + row.label + "</div>";
1592 for (j = _i = 0, _len = _ref.length; _i < _len; j = ++_i) {
1594 content += "<div class='morris-hover-point' style='color: " + (this.colorFor(row, j, 'label')) + "'>\n " + this.options.labels[j] + ":\n " + (this.yLabelFormat(y)) + "\n</div>";
1596 if (typeof this.options.hoverCallback === 'function') {
1597 content = this.options.hoverCallback(index, this.options, content, row.src);
1599 x = this.left + (index + 0.5) * this.width / this.data.length;
1600 return [content, x];
1603 Bar.prototype.drawXAxisLabel = function(xPos, yPos, text) {
1605 return 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);
1608 Bar.prototype.drawBar = function(xPos, yPos, width, height, barColor, opacity, radiusArray) {
1609 var maxRadius, path;
1610 maxRadius = Math.max.apply(Math, radiusArray);
1611 if (maxRadius === 0 || maxRadius > height) {
1612 path = this.raphael.rect(xPos, yPos, width, height);
1614 path = this.raphael.path(this.roundedRect(xPos, yPos, width, height, radiusArray));
1616 return path.attr('fill', barColor).attr('fill-opacity', opacity).attr('stroke', 'none');
1619 Bar.prototype.roundedRect = function(x, y, w, h, r) {
1623 return ["M", x, r[0] + y, "Q", x, y, x + r[0], y, "L", x + w - r[1], y, "Q", x + w, y, x + w, y + r[1], "L", x + w, y + h - r[2], "Q", x + w, y + h, x + w - r[2], y + h, "L", x + r[3], y + h, "Q", x, y + h, x, y + h - r[3], "Z"];
1630 Morris.Donut = (function(_super) {
1631 __extends(Donut, _super);
1633 Donut.prototype.defaults = {
1634 colors: ['#0B62A4', '#3980B5', '#679DC6', '#95BBD7', '#B0CCE1', '#095791', '#095085', '#083E67', '#052C48', '#042135'],
1635 backgroundColor: '#FFFFFF',
1636 labelColor: '#000000',
1637 formatter: Morris.commas,
1641 function Donut(options) {
1642 this.resizeHandler = __bind(this.resizeHandler, this);
1643 this.select = __bind(this.select, this);
1644 this.click = __bind(this.click, this);
1646 if (!(this instanceof Morris.Donut)) {
1647 return new Morris.Donut(options);
1649 this.options = $.extend({}, this.defaults, options);
1650 if (typeof options.element === 'string') {
1651 this.el = $(document.getElementById(options.element));
1653 this.el = $(options.element);
1655 if (this.el === null || this.el.length === 0) {
1656 throw new Error("Graph placeholder not found.");
1658 if (options.data === void 0 || options.data.length === 0) {
1661 this.raphael = new Raphael(this.el[0]);
1662 if (this.options.resize) {
1663 $(window).bind('resize', function(evt) {
1664 if (_this.timeoutId != null) {
1665 window.clearTimeout(_this.timeoutId);
1667 return _this.timeoutId = window.setTimeout(_this.resizeHandler, 100);
1670 this.setData(options.data);
1673 Donut.prototype.redraw = function() {
1674 var C, cx, cy, i, idx, last, max_value, min, next, seg, total, value, w, _i, _j, _k, _len, _len1, _len2, _ref, _ref1, _ref2, _results;
1675 this.raphael.clear();
1676 cx = this.el.width() / 2;
1677 cy = this.el.height() / 2;
1678 w = (Math.min(cx, cy) - 10) / 3;
1681 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
1686 C = 1.9999 * Math.PI - min * this.data.length;
1690 _ref1 = this.values;
1691 for (i = _j = 0, _len1 = _ref1.length; _j < _len1; i = ++_j) {
1693 next = last + min + C * (value / total);
1694 seg = new Morris.DonutSegment(cx, cy, w * 2, w, last, next, this.data[i].color || this.options.colors[idx % this.options.colors.length], this.options.backgroundColor, idx, this.raphael);
1696 this.segments.push(seg);
1697 seg.on('hover', this.select);
1698 seg.on('click', this.click);
1702 this.text1 = this.drawEmptyDonutLabel(cx, cy - 10, this.options.labelColor, 15, 800);
1703 this.text2 = this.drawEmptyDonutLabel(cx, cy + 10, this.options.labelColor, 14);
1704 max_value = Math.max.apply(Math, this.values);
1706 _ref2 = this.values;
1708 for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {
1710 if (value === max_value) {
1714 _results.push(idx += 1);
1719 Donut.prototype.setData = function(data) {
1722 this.values = (function() {
1723 var _i, _len, _ref, _results;
1726 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
1728 _results.push(parseFloat(row.value));
1732 return this.redraw();
1735 Donut.prototype.click = function(idx) {
1736 return this.fire('click', idx, this.data[idx]);
1739 Donut.prototype.select = function(idx) {
1740 var row, s, segment, _i, _len, _ref;
1741 _ref = this.segments;
1742 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
1746 segment = this.segments[idx];
1748 row = this.data[idx];
1749 return this.setLabels(row.label, this.options.formatter(row.value, row));
1752 Donut.prototype.setLabels = function(label1, label2) {
1753 var inner, maxHeightBottom, maxHeightTop, maxWidth, text1bbox, text1scale, text2bbox, text2scale;
1754 inner = (Math.min(this.el.width() / 2, this.el.height() / 2) - 10) * 2 / 3;
1755 maxWidth = 1.8 * inner;
1756 maxHeightTop = inner / 2;
1757 maxHeightBottom = inner / 3;
1762 text1bbox = this.text1.getBBox();
1763 text1scale = Math.min(maxWidth / text1bbox.width, maxHeightTop / text1bbox.height);
1765 transform: "S" + text1scale + "," + text1scale + "," + (text1bbox.x + text1bbox.width / 2) + "," + (text1bbox.y + text1bbox.height)
1771 text2bbox = this.text2.getBBox();
1772 text2scale = Math.min(maxWidth / text2bbox.width, maxHeightBottom / text2bbox.height);
1773 return this.text2.attr({
1774 transform: "S" + text2scale + "," + text2scale + "," + (text2bbox.x + text2bbox.width / 2) + "," + text2bbox.y
1778 Donut.prototype.drawEmptyDonutLabel = function(xPos, yPos, color, fontSize, fontWeight) {
1780 text = this.raphael.text(xPos, yPos, '').attr('font-size', fontSize).attr('fill', color);
1781 if (fontWeight != null) {
1782 text.attr('font-weight', fontWeight);
1787 Donut.prototype.resizeHandler = function() {
1788 this.timeoutId = null;
1789 this.raphael.setSize(this.el.width(), this.el.height());
1790 return this.redraw();
1795 })(Morris.EventEmitter);
1797 Morris.DonutSegment = (function(_super) {
1798 __extends(DonutSegment, _super);
1800 function DonutSegment(cx, cy, inner, outer, p0, p1, color, backgroundColor, index, raphael) {
1806 this.backgroundColor = backgroundColor;
1808 this.raphael = raphael;
1809 this.deselect = __bind(this.deselect, this);
1810 this.select = __bind(this.select, this);
1811 this.sin_p0 = Math.sin(p0);
1812 this.cos_p0 = Math.cos(p0);
1813 this.sin_p1 = Math.sin(p1);
1814 this.cos_p1 = Math.cos(p1);
1815 this.is_long = (p1 - p0) > Math.PI ? 1 : 0;
1816 this.path = this.calcSegment(this.inner + 3, this.inner + this.outer - 5);
1817 this.selectedPath = this.calcSegment(this.inner + 3, this.inner + this.outer);
1818 this.hilight = this.calcArc(this.inner);
1821 DonutSegment.prototype.calcArcPoints = function(r) {
1822 return [this.cx + r * this.sin_p0, this.cy + r * this.cos_p0, this.cx + r * this.sin_p1, this.cy + r * this.cos_p1];
1825 DonutSegment.prototype.calcSegment = function(r1, r2) {
1826 var ix0, ix1, iy0, iy1, ox0, ox1, oy0, oy1, _ref, _ref1;
1827 _ref = this.calcArcPoints(r1), ix0 = _ref[0], iy0 = _ref[1], ix1 = _ref[2], iy1 = _ref[3];
1828 _ref1 = this.calcArcPoints(r2), ox0 = _ref1[0], oy0 = _ref1[1], ox1 = _ref1[2], oy1 = _ref1[3];
1829 return ("M" + ix0 + "," + iy0) + ("A" + r1 + "," + r1 + ",0," + this.is_long + ",0," + ix1 + "," + iy1) + ("L" + ox1 + "," + oy1) + ("A" + r2 + "," + r2 + ",0," + this.is_long + ",1," + ox0 + "," + oy0) + "Z";
1832 DonutSegment.prototype.calcArc = function(r) {
1833 var ix0, ix1, iy0, iy1, _ref;
1834 _ref = this.calcArcPoints(r), ix0 = _ref[0], iy0 = _ref[1], ix1 = _ref[2], iy1 = _ref[3];
1835 return ("M" + ix0 + "," + iy0) + ("A" + r + "," + r + ",0," + this.is_long + ",0," + ix1 + "," + iy1);
1838 DonutSegment.prototype.render = function() {
1840 this.arc = this.drawDonutArc(this.hilight, this.color);
1841 return this.seg = this.drawDonutSegment(this.path, this.color, this.backgroundColor, function() {
1842 return _this.fire('hover', _this.index);
1844 return _this.fire('click', _this.index);
1848 DonutSegment.prototype.drawDonutArc = function(path, color) {
1849 return this.raphael.path(path).attr({
1856 DonutSegment.prototype.drawDonutSegment = function(path, fillColor, strokeColor, hoverFunction, clickFunction) {
1857 return this.raphael.path(path).attr({
1859 stroke: strokeColor,
1861 }).hover(hoverFunction).click(clickFunction);
1864 DonutSegment.prototype.select = function() {
1865 if (!this.selected) {
1867 path: this.selectedPath
1872 return this.selected = true;
1876 DonutSegment.prototype.deselect = function() {
1877 if (this.selected) {
1884 return this.selected = false;
1888 return DonutSegment;
1890 })(Morris.EventEmitter);