aepnat /
simpuskesmas
| Total Complexity | 418 |
| Complexity/F | 2.65 |
| Lines of Code | 1767 |
| Function Count | 158 |
| Duplicated Lines | 19 |
| Ratio | 1.08 % |
| Changes | 0 | ||
Duplicate code is one of the most pungent code smells. A rule that is often used is to re-structure code once it is duplicated in three or more places.
Common duplication problems, and corresponding solutions are:
Complex classes like js/moris/morris.js often do a lot of different things. To break such a class down, we need to identify a cohesive component within that class. A common approach to find such a component is to look for fields/methods that share the same prefixes, or suffixes.
Once you have determined the fields that belong together, you can apply the Extract Class refactoring. If the component makes sense as a sub-class, Extract Subclass is also a candidate, and is often faster.
| 1 | (function() { |
||
| 2 | var $, Morris, minutesSpecHelper, secondsSpecHelper, |
||
| 3 | __slice = [].slice, |
||
| 4 | __hasProp = {}.hasOwnProperty, |
||
| 5 | __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; }, |
||
| 6 | __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; }, |
||
| 7 | __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; }; |
||
| 8 | |||
| 9 | Morris = window.Morris = {}; |
||
| 10 | |||
| 11 | $ = jQuery; |
||
| 12 | |||
| 13 | Morris.EventEmitter = (function() { |
||
| 14 | |||
| 15 | function EventEmitter() {} |
||
| 16 | |||
| 17 | EventEmitter.prototype.on = function(name, handler) { |
||
| 18 | if (this.handlers == null) { |
||
| 19 | this.handlers = {}; |
||
| 20 | } |
||
| 21 | if (this.handlers[name] == null) { |
||
| 22 | this.handlers[name] = []; |
||
| 23 | } |
||
| 24 | this.handlers[name].push(handler); |
||
| 25 | return this; |
||
| 26 | }; |
||
| 27 | |||
| 28 | EventEmitter.prototype.fire = function() { |
||
| 29 | var args, handler, name, _i, _len, _ref, _results; |
||
| 30 | name = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : []; |
||
| 31 | if ((this.handlers != null) && (this.handlers[name] != null)) { |
||
| 32 | _ref = this.handlers[name]; |
||
| 33 | _results = []; |
||
| 34 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { |
||
| 35 | handler = _ref[_i]; |
||
| 36 | _results.push(handler.apply(null, args)); |
||
| 37 | } |
||
| 38 | return _results; |
||
| 39 | } |
||
| 40 | }; |
||
| 41 | |||
| 42 | return EventEmitter; |
||
| 43 | |||
| 44 | })(); |
||
| 45 | |||
| 46 | Morris.commas = function(num) { |
||
| 47 | var absnum, intnum, ret, strabsnum; |
||
| 48 | if (num != null) { |
||
| 49 | ret = num < 0 ? "-" : ""; |
||
| 50 | absnum = Math.abs(num); |
||
| 51 | intnum = Math.floor(absnum).toFixed(0); |
||
| 52 | ret += intnum.replace(/(?=(?:\d{3})+$)(?!^)/g, ','); |
||
| 53 | strabsnum = absnum.toString(); |
||
| 54 | if (strabsnum.length > intnum.length) { |
||
| 55 | ret += strabsnum.slice(intnum.length); |
||
| 56 | } |
||
| 57 | return ret; |
||
| 58 | } else { |
||
| 59 | return '-'; |
||
| 60 | } |
||
| 61 | }; |
||
| 62 | |||
| 63 | Morris.pad2 = function(number) { |
||
| 64 | return (number < 10 ? '0' : '') + number; |
||
| 65 | }; |
||
| 66 | |||
| 67 | Morris.Grid = (function(_super) { |
||
| 68 | |||
| 69 | __extends(Grid, _super); |
||
| 70 | |||
| 71 | function Grid(options) { |
||
| 72 | var _this = this; |
||
| 73 | if (typeof options.element === 'string') { |
||
| 74 | this.el = $(document.getElementById(options.element)); |
||
| 75 | } else { |
||
| 76 | this.el = $(options.element); |
||
| 77 | } |
||
| 78 | if (!(this.el != null) || this.el.length === 0) { |
||
| 79 | throw new Error("Graph container element not found"); |
||
| 80 | } |
||
| 81 | if (this.el.css('position') === 'static') { |
||
| 82 | this.el.css('position', 'relative'); |
||
| 83 | } |
||
| 84 | this.options = $.extend({}, this.gridDefaults, this.defaults || {}, options); |
||
| 85 | if (typeof this.options.units === 'string') { |
||
| 86 | this.options.postUnits = options.units; |
||
| 87 | } |
||
| 88 | this.raphael = new Raphael(this.el[0]); |
||
| 89 | this.elementWidth = null; |
||
| 90 | this.elementHeight = null; |
||
| 91 | this.dirty = false; |
||
| 92 | if (this.init) { |
||
| 93 | this.init(); |
||
| 94 | } |
||
| 95 | this.setData(this.options.data); |
||
| 96 | this.el.bind('mousemove', function(evt) { |
||
| 97 | var offset; |
||
| 98 | offset = _this.el.offset(); |
||
| 99 | return _this.fire('hovermove', evt.pageX - offset.left, evt.pageY - offset.top); |
||
| 100 | }); |
||
| 101 | this.el.bind('mouseout', function(evt) { |
||
| 102 | return _this.fire('hoverout'); |
||
| 103 | }); |
||
| 104 | this.el.bind('touchstart touchmove touchend', function(evt) { |
||
| 105 | var offset, touch; |
||
| 106 | touch = evt.originalEvent.touches[0] || evt.originalEvent.changedTouches[0]; |
||
| 107 | offset = _this.el.offset(); |
||
| 108 | _this.fire('hover', touch.pageX - offset.left, touch.pageY - offset.top); |
||
| 109 | return touch; |
||
| 110 | }); |
||
| 111 | this.el.bind('click', function(evt) { |
||
| 112 | var offset; |
||
| 113 | offset = _this.el.offset(); |
||
| 114 | return _this.fire('gridclick', evt.pageX - offset.left, evt.pageY - offset.top); |
||
| 115 | }); |
||
| 116 | if (this.postInit) { |
||
| 117 | this.postInit(); |
||
| 118 | } |
||
| 119 | } |
||
| 120 | |||
| 121 | Grid.prototype.gridDefaults = { |
||
| 122 | dateFormat: null, |
||
| 123 | axes: true, |
||
| 124 | grid: true, |
||
| 125 | gridLineColor: '#aaa', |
||
| 126 | gridStrokeWidth: 0.5, |
||
| 127 | gridTextColor: '#888', |
||
| 128 | gridTextSize: 12, |
||
| 129 | gridTextFamily: 'sans-serif', |
||
| 130 | gridTextWeight: 'normal', |
||
| 131 | hideHover: false, |
||
| 132 | yLabelFormat: null, |
||
| 133 | xLabelAngle: 0, |
||
| 134 | numLines: 5, |
||
| 135 | padding: 25, |
||
| 136 | parseTime: true, |
||
| 137 | postUnits: '', |
||
| 138 | preUnits: '', |
||
| 139 | ymax: 'auto', |
||
| 140 | ymin: 'auto 0', |
||
| 141 | goals: [], |
||
| 142 | goalStrokeWidth: 1.0, |
||
| 143 | goalLineColors: ['#666633', '#999966', '#cc6666', '#663333'], |
||
| 144 | events: [], |
||
| 145 | eventStrokeWidth: 1.0, |
||
| 146 | eventLineColors: ['#005a04', '#ccffbb', '#3a5f0b', '#005502'] |
||
| 147 | }; |
||
| 148 | |||
| 149 | Grid.prototype.setData = function(data, redraw) { |
||
| 150 | var e, idx, index, maxGoal, minGoal, ret, row, step, total, y, ykey, ymax, ymin, yval; |
||
| 151 | if (redraw == null) { |
||
| 152 | redraw = true; |
||
| 153 | } |
||
| 154 | this.options.data = data; |
||
| 155 | if (!(data != null) || data.length === 0) { |
||
| 156 | this.data = []; |
||
| 157 | this.raphael.clear(); |
||
| 158 | if (this.hover != null) { |
||
| 159 | this.hover.hide(); |
||
| 160 | } |
||
| 161 | return; |
||
| 162 | } |
||
| 163 | ymax = this.cumulative ? 0 : null; |
||
| 164 | ymin = this.cumulative ? 0 : null; |
||
| 165 | if (this.options.goals.length > 0) { |
||
| 166 | minGoal = Math.min.apply(null, this.options.goals); |
||
| 167 | maxGoal = Math.max.apply(null, this.options.goals); |
||
| 168 | ymin = ymin != null ? Math.min(ymin, minGoal) : minGoal; |
||
| 169 | ymax = ymax != null ? Math.max(ymax, maxGoal) : maxGoal; |
||
| 170 | } |
||
| 171 | this.data = (function() { |
||
| 172 | var _i, _len, _results; |
||
| 173 | _results = []; |
||
| 174 | for (index = _i = 0, _len = data.length; _i < _len; index = ++_i) { |
||
| 175 | row = data[index]; |
||
| 176 | ret = {}; |
||
| 177 | ret.label = row[this.options.xkey]; |
||
| 178 | if (this.options.parseTime) { |
||
| 179 | ret.x = Morris.parseDate(ret.label); |
||
| 180 | if (this.options.dateFormat) { |
||
| 181 | ret.label = this.options.dateFormat(ret.x); |
||
| 182 | } else if (typeof ret.label === 'number') { |
||
| 183 | ret.label = new Date(ret.label).toString(); |
||
| 184 | } |
||
| 185 | } else { |
||
| 186 | ret.x = index; |
||
| 187 | if (this.options.xLabelFormat) { |
||
| 188 | ret.label = this.options.xLabelFormat(ret); |
||
| 189 | } |
||
| 190 | } |
||
| 191 | total = 0; |
||
| 192 | ret.y = (function() { |
||
| 193 | var _j, _len1, _ref, _results1; |
||
| 194 | _ref = this.options.ykeys; |
||
| 195 | _results1 = []; |
||
| 196 | for (idx = _j = 0, _len1 = _ref.length; _j < _len1; idx = ++_j) { |
||
| 197 | ykey = _ref[idx]; |
||
| 198 | yval = row[ykey]; |
||
| 199 | if (typeof yval === 'string') { |
||
| 200 | yval = parseFloat(yval); |
||
| 201 | } |
||
| 202 | if ((yval != null) && typeof yval !== 'number') { |
||
| 203 | yval = null; |
||
| 204 | } |
||
| 205 | if (yval != null) { |
||
| 206 | if (this.cumulative) { |
||
| 207 | total += yval; |
||
| 208 | } else { |
||
| 209 | if (ymax != null) { |
||
| 210 | ymax = Math.max(yval, ymax); |
||
| 211 | ymin = Math.min(yval, ymin); |
||
| 212 | } else { |
||
| 213 | ymax = ymin = yval; |
||
| 214 | } |
||
| 215 | } |
||
| 216 | } |
||
| 217 | if (this.cumulative && (total != null)) { |
||
| 218 | ymax = Math.max(total, ymax); |
||
| 219 | ymin = Math.min(total, ymin); |
||
| 220 | } |
||
| 221 | _results1.push(yval); |
||
| 222 | } |
||
| 223 | return _results1; |
||
| 224 | }).call(this); |
||
| 225 | _results.push(ret); |
||
| 226 | } |
||
| 227 | return _results; |
||
| 228 | }).call(this); |
||
| 229 | if (this.options.parseTime) { |
||
| 230 | this.data = this.data.sort(function(a, b) { |
||
| 231 | return (a.x > b.x) - (b.x > a.x); |
||
| 232 | }); |
||
| 233 | } |
||
| 234 | this.xmin = this.data[0].x; |
||
| 235 | this.xmax = this.data[this.data.length - 1].x; |
||
| 236 | this.events = []; |
||
| 237 | if (this.options.parseTime && this.options.events.length > 0) { |
||
| 238 | this.events = (function() { |
||
| 239 | var _i, _len, _ref, _results; |
||
| 240 | _ref = this.options.events; |
||
| 241 | _results = []; |
||
| 242 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { |
||
| 243 | e = _ref[_i]; |
||
| 244 | _results.push(Morris.parseDate(e)); |
||
| 245 | } |
||
| 246 | return _results; |
||
| 247 | }).call(this); |
||
| 248 | this.xmax = Math.max(this.xmax, Math.max.apply(null, this.events)); |
||
| 249 | this.xmin = Math.min(this.xmin, Math.min.apply(null, this.events)); |
||
| 250 | } |
||
| 251 | if (this.xmin === this.xmax) { |
||
| 252 | this.xmin -= 1; |
||
| 253 | this.xmax += 1; |
||
| 254 | } |
||
| 255 | this.ymin = this.yboundary('min', ymin); |
||
| 256 | this.ymax = this.yboundary('max', ymax); |
||
| 257 | if (this.ymin === this.ymax) { |
||
| 258 | if (ymin) { |
||
| 259 | this.ymin -= 1; |
||
| 260 | } |
||
| 261 | this.ymax += 1; |
||
| 262 | } |
||
| 263 | if (this.options.axes === true || this.options.grid === true) { |
||
| 264 | if (this.options.ymax === this.gridDefaults.ymax && this.options.ymin === this.gridDefaults.ymin) { |
||
| 265 | this.grid = this.autoGridLines(this.ymin, this.ymax, this.options.numLines); |
||
| 266 | this.ymin = Math.min(this.ymin, this.grid[0]); |
||
| 267 | this.ymax = Math.max(this.ymax, this.grid[this.grid.length - 1]); |
||
| 268 | } else { |
||
| 269 | step = (this.ymax - this.ymin) / (this.options.numLines - 1); |
||
| 270 | this.grid = (function() { |
||
| 271 | var _i, _ref, _ref1, _results; |
||
| 272 | _results = []; |
||
| 273 | for (y = _i = _ref = this.ymin, _ref1 = this.ymax; _ref <= _ref1 ? _i <= _ref1 : _i >= _ref1; y = _i += step) { |
||
| 274 | _results.push(y); |
||
| 275 | } |
||
| 276 | return _results; |
||
| 277 | }).call(this); |
||
| 278 | } |
||
| 279 | } |
||
| 280 | this.dirty = true; |
||
| 281 | if (redraw) { |
||
| 282 | return this.redraw(); |
||
| 283 | } |
||
| 284 | }; |
||
| 285 | |||
| 286 | Grid.prototype.yboundary = function(boundaryType, currentValue) { |
||
| 287 | var boundaryOption, suggestedValue; |
||
| 288 | boundaryOption = this.options["y" + boundaryType]; |
||
| 289 | if (typeof boundaryOption === 'string') { |
||
| 290 | if (boundaryOption.slice(0, 4) === 'auto') { |
||
| 291 | if (boundaryOption.length > 5) { |
||
| 292 | suggestedValue = parseInt(boundaryOption.slice(5), 10); |
||
| 293 | if (currentValue == null) { |
||
| 294 | return suggestedValue; |
||
| 295 | } |
||
| 296 | return Math[boundaryType](currentValue, suggestedValue); |
||
| 297 | } else { |
||
| 298 | if (currentValue != null) { |
||
| 299 | return currentValue; |
||
| 300 | } else { |
||
| 301 | return 0; |
||
| 302 | } |
||
| 303 | } |
||
| 304 | } else { |
||
| 305 | return parseInt(boundaryOption, 10); |
||
| 306 | } |
||
| 307 | } else { |
||
| 308 | return boundaryOption; |
||
| 309 | } |
||
| 310 | }; |
||
| 311 | |||
| 312 | Grid.prototype.autoGridLines = function(ymin, ymax, nlines) { |
||
| 313 | var gmax, gmin, grid, smag, span, step, unit, y, ymag; |
||
| 314 | span = ymax - ymin; |
||
| 315 | ymag = Math.floor(Math.log(span) / Math.log(10)); |
||
| 316 | unit = Math.pow(10, ymag); |
||
| 317 | gmin = Math.floor(ymin / unit) * unit; |
||
| 318 | gmax = Math.ceil(ymax / unit) * unit; |
||
| 319 | step = (gmax - gmin) / (nlines - 1); |
||
| 320 | if (unit === 1 && step > 1 && Math.ceil(step) !== step) { |
||
| 321 | step = Math.ceil(step); |
||
| 322 | gmax = gmin + step * (nlines - 1); |
||
| 323 | } |
||
| 324 | if (gmin < 0 && gmax > 0) { |
||
| 325 | gmin = Math.floor(ymin / step) * step; |
||
| 326 | gmax = Math.ceil(ymax / step) * step; |
||
| 327 | } |
||
| 328 | if (step < 1) { |
||
| 329 | smag = Math.floor(Math.log(step) / Math.log(10)); |
||
| 330 | grid = (function() { |
||
| 331 | var _i, _results; |
||
| 332 | _results = []; |
||
| 333 | for (y = _i = gmin; gmin <= gmax ? _i <= gmax : _i >= gmax; y = _i += step) { |
||
| 334 | _results.push(parseFloat(y.toFixed(1 - smag))); |
||
| 335 | } |
||
| 336 | return _results; |
||
| 337 | })(); |
||
| 338 | } else { |
||
| 339 | grid = (function() { |
||
| 340 | var _i, _results; |
||
| 341 | _results = []; |
||
| 342 | for (y = _i = gmin; gmin <= gmax ? _i <= gmax : _i >= gmax; y = _i += step) { |
||
| 343 | _results.push(y); |
||
| 344 | } |
||
| 345 | return _results; |
||
| 346 | })(); |
||
| 347 | } |
||
| 348 | return grid; |
||
| 349 | }; |
||
| 350 | |||
| 351 | Grid.prototype._calc = function() { |
||
| 352 | var bottomOffsets, gridLine, h, i, w, yLabelWidths; |
||
| 353 | w = this.el.width(); |
||
| 354 | h = this.el.height(); |
||
| 355 | if (this.elementWidth !== w || this.elementHeight !== h || this.dirty) { |
||
| 356 | this.elementWidth = w; |
||
| 357 | this.elementHeight = h; |
||
| 358 | this.dirty = false; |
||
| 359 | this.left = this.options.padding; |
||
| 360 | this.right = this.elementWidth - this.options.padding; |
||
| 361 | this.top = this.options.padding; |
||
| 362 | this.bottom = this.elementHeight - this.options.padding; |
||
| 363 | if (this.options.axes) { |
||
| 364 | yLabelWidths = (function() { |
||
| 365 | var _i, _len, _ref, _results; |
||
| 366 | _ref = this.grid; |
||
| 367 | _results = []; |
||
| 368 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { |
||
| 369 | gridLine = _ref[_i]; |
||
| 370 | _results.push(this.measureText(this.yAxisFormat(gridLine)).width); |
||
| 371 | } |
||
| 372 | return _results; |
||
| 373 | }).call(this); |
||
| 374 | this.left += Math.max.apply(Math, yLabelWidths); |
||
| 375 | bottomOffsets = (function() { |
||
| 376 | var _i, _ref, _results; |
||
| 377 | _results = []; |
||
| 378 | for (i = _i = 0, _ref = this.data.length; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) { |
||
| 379 | _results.push(this.measureText(this.data[i].text, -this.options.xLabelAngle).height); |
||
| 380 | } |
||
| 381 | return _results; |
||
| 382 | }).call(this); |
||
| 383 | this.bottom -= Math.max.apply(Math, bottomOffsets); |
||
| 384 | } |
||
| 385 | this.width = Math.max(1, this.right - this.left); |
||
| 386 | this.height = Math.max(1, this.bottom - this.top); |
||
| 387 | this.dx = this.width / (this.xmax - this.xmin); |
||
| 388 | this.dy = this.height / (this.ymax - this.ymin); |
||
| 389 | if (this.calc) { |
||
| 390 | return this.calc(); |
||
| 391 | } |
||
| 392 | } |
||
| 393 | }; |
||
| 394 | |||
| 395 | Grid.prototype.transY = function(y) { |
||
| 396 | return this.bottom - (y - this.ymin) * this.dy; |
||
| 397 | }; |
||
| 398 | |||
| 399 | Grid.prototype.transX = function(x) { |
||
| 400 | if (this.data.length === 1) { |
||
| 401 | return (this.left + this.right) / 2; |
||
| 402 | } else { |
||
| 403 | return this.left + (x - this.xmin) * this.dx; |
||
| 404 | } |
||
| 405 | }; |
||
| 406 | |||
| 407 | Grid.prototype.redraw = function() { |
||
| 408 | this.raphael.clear(); |
||
| 409 | this._calc(); |
||
| 410 | this.drawGrid(); |
||
| 411 | this.drawGoals(); |
||
| 412 | this.drawEvents(); |
||
| 413 | if (this.draw) { |
||
| 414 | return this.draw(); |
||
| 415 | } |
||
| 416 | }; |
||
| 417 | |||
| 418 | Grid.prototype.measureText = function(text, angle) { |
||
| 419 | var ret, tt; |
||
| 420 | if (angle == null) { |
||
| 421 | angle = 0; |
||
| 422 | } |
||
| 423 | 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); |
||
| 424 | ret = tt.getBBox(); |
||
| 425 | tt.remove(); |
||
| 426 | return ret; |
||
| 427 | }; |
||
| 428 | |||
| 429 | Grid.prototype.yAxisFormat = function(label) { |
||
| 430 | return this.yLabelFormat(label); |
||
| 431 | }; |
||
| 432 | |||
| 433 | Grid.prototype.yLabelFormat = function(label) { |
||
| 434 | if (typeof this.options.yLabelFormat === 'function') { |
||
| 435 | return this.options.yLabelFormat(label); |
||
| 436 | } else { |
||
| 437 | return "" + this.options.preUnits + (Morris.commas(label)) + this.options.postUnits; |
||
| 438 | } |
||
| 439 | }; |
||
| 440 | |||
| 441 | Grid.prototype.updateHover = function(x, y) { |
||
| 442 | var hit, _ref; |
||
| 443 | hit = this.hitTest(x, y); |
||
| 444 | if (hit != null) { |
||
| 445 | return (_ref = this.hover).update.apply(_ref, hit); |
||
| 446 | } |
||
| 447 | }; |
||
| 448 | |||
| 449 | Grid.prototype.drawGrid = function() { |
||
| 450 | var lineY, y, _i, _len, _ref, _results; |
||
| 451 | if (this.options.grid === false && this.options.axes === false) { |
||
| 452 | return; |
||
| 453 | } |
||
| 454 | _ref = this.grid; |
||
| 455 | _results = []; |
||
| 456 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { |
||
| 457 | lineY = _ref[_i]; |
||
| 458 | y = this.transY(lineY); |
||
| 459 | if (this.options.axes) { |
||
| 460 | this.drawYAxisLabel(this.left - this.options.padding / 2, y, this.yAxisFormat(lineY)); |
||
| 461 | } |
||
| 462 | if (this.options.grid) { |
||
| 463 | _results.push(this.drawGridLine("M" + this.left + "," + y + "H" + (this.left + this.width))); |
||
| 464 | } else { |
||
| 465 | _results.push(void 0); |
||
| 466 | } |
||
| 467 | } |
||
| 468 | return _results; |
||
| 469 | }; |
||
| 470 | |||
| 471 | Grid.prototype.drawGoals = function() { |
||
| 472 | var color, goal, i, _i, _len, _ref, _results; |
||
| 473 | _ref = this.options.goals; |
||
| 474 | _results = []; |
||
| 475 | for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) { |
||
| 476 | goal = _ref[i]; |
||
| 477 | color = this.options.goalLineColors[i % this.options.goalLineColors.length]; |
||
| 478 | _results.push(this.drawGoal(goal, color)); |
||
| 479 | } |
||
| 480 | return _results; |
||
| 481 | }; |
||
| 482 | |||
| 483 | Grid.prototype.drawEvents = function() { |
||
| 484 | var color, event, i, _i, _len, _ref, _results; |
||
| 485 | _ref = this.events; |
||
| 486 | _results = []; |
||
| 487 | for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) { |
||
| 488 | event = _ref[i]; |
||
| 489 | color = this.options.eventLineColors[i % this.options.eventLineColors.length]; |
||
| 490 | _results.push(this.drawEvent(event, color)); |
||
| 491 | } |
||
| 492 | return _results; |
||
| 493 | }; |
||
| 494 | |||
| 495 | Grid.prototype.drawGoal = function(goal, color) { |
||
| 496 | return this.raphael.path("M" + this.left + "," + (this.transY(goal)) + "H" + this.right).attr('stroke', color).attr('stroke-width', this.options.goalStrokeWidth); |
||
| 497 | }; |
||
| 498 | |||
| 499 | Grid.prototype.drawEvent = function(event, color) { |
||
| 500 | return this.raphael.path("M" + (this.transX(event)) + "," + this.bottom + "V" + this.top).attr('stroke', color).attr('stroke-width', this.options.eventStrokeWidth); |
||
| 501 | }; |
||
| 502 | |||
| 503 | Grid.prototype.drawYAxisLabel = function(xPos, yPos, text) { |
||
| 504 | 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'); |
||
| 505 | }; |
||
| 506 | |||
| 507 | Grid.prototype.drawGridLine = function(path) { |
||
| 508 | return this.raphael.path(path).attr('stroke', this.options.gridLineColor).attr('stroke-width', this.options.gridStrokeWidth); |
||
| 509 | }; |
||
| 510 | |||
| 511 | return Grid; |
||
| 512 | |||
| 513 | })(Morris.EventEmitter); |
||
| 514 | |||
| 515 | Morris.parseDate = function(date) { |
||
| 516 | var isecs, m, msecs, n, o, offsetmins, p, q, r, ret, secs; |
||
| 517 | if (typeof date === 'number') { |
||
| 518 | return date; |
||
| 519 | } |
||
| 520 | m = date.match(/^(\d+) Q(\d)$/); |
||
| 521 | n = date.match(/^(\d+)-(\d+)$/); |
||
| 522 | o = date.match(/^(\d+)-(\d+)-(\d+)$/); |
||
| 523 | p = date.match(/^(\d+) W(\d+)$/); |
||
| 524 | q = date.match(/^(\d+)-(\d+)-(\d+)[ T](\d+):(\d+)(Z|([+-])(\d\d):?(\d\d))?$/); |
||
| 525 | r = date.match(/^(\d+)-(\d+)-(\d+)[ T](\d+):(\d+):(\d+(\.\d+)?)(Z|([+-])(\d\d):?(\d\d))?$/); |
||
| 526 | if (m) { |
||
| 527 | return new Date(parseInt(m[1], 10), parseInt(m[2], 10) * 3 - 1, 1).getTime(); |
||
| 528 | } else if (n) { |
||
| 529 | return new Date(parseInt(n[1], 10), parseInt(n[2], 10) - 1, 1).getTime(); |
||
| 530 | } else if (o) { |
||
| 531 | return new Date(parseInt(o[1], 10), parseInt(o[2], 10) - 1, parseInt(o[3], 10)).getTime(); |
||
| 532 | } else if (p) { |
||
| 533 | ret = new Date(parseInt(p[1], 10), 0, 1); |
||
| 534 | if (ret.getDay() !== 4) { |
||
| 535 | ret.setMonth(0, 1 + ((4 - ret.getDay()) + 7) % 7); |
||
| 536 | } |
||
| 537 | return ret.getTime() + parseInt(p[2], 10) * 604800000; |
||
| 538 | } else if (q) { |
||
| 539 | if (!q[6]) { |
||
| 540 | 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(); |
||
| 541 | } else { |
||
| 542 | offsetmins = 0; |
||
| 543 | if (q[6] !== 'Z') { |
||
| 544 | offsetmins = parseInt(q[8], 10) * 60 + parseInt(q[9], 10); |
||
| 545 | if (q[7] === '+') { |
||
| 546 | offsetmins = 0 - offsetmins; |
||
| 547 | } |
||
| 548 | } |
||
| 549 | 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); |
||
| 550 | } |
||
| 551 | } else if (r) { |
||
| 552 | secs = parseFloat(r[6]); |
||
| 553 | isecs = Math.floor(secs); |
||
| 554 | msecs = Math.round((secs - isecs) * 1000); |
||
| 555 | if (!r[8]) { |
||
| 556 | 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(); |
||
| 557 | } else { |
||
| 558 | offsetmins = 0; |
||
| 559 | if (r[8] !== 'Z') { |
||
| 560 | offsetmins = parseInt(r[10], 10) * 60 + parseInt(r[11], 10); |
||
| 561 | if (r[9] === '+') { |
||
| 562 | offsetmins = 0 - offsetmins; |
||
| 563 | } |
||
| 564 | } |
||
| 565 | 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); |
||
| 566 | } |
||
| 567 | } else { |
||
| 568 | return new Date(parseInt(date, 10), 0, 1).getTime(); |
||
| 569 | } |
||
| 570 | }; |
||
| 571 | |||
| 572 | Morris.Hover = (function() { |
||
| 573 | |||
| 574 | Hover.defaults = { |
||
| 575 | "class": 'morris-hover morris-default-style' |
||
| 576 | }; |
||
| 577 | |||
| 578 | function Hover(options) { |
||
| 579 | if (options == null) { |
||
| 580 | options = {}; |
||
| 581 | } |
||
| 582 | this.options = $.extend({}, Morris.Hover.defaults, options); |
||
| 583 | this.el = $("<div class='" + this.options["class"] + "'></div>"); |
||
| 584 | this.el.hide(); |
||
| 585 | this.options.parent.append(this.el); |
||
| 586 | } |
||
| 587 | |||
| 588 | Hover.prototype.update = function(html, x, y) { |
||
| 589 | this.html(html); |
||
| 590 | this.show(); |
||
| 591 | return this.moveTo(x, y); |
||
| 592 | }; |
||
| 593 | |||
| 594 | Hover.prototype.html = function(content) { |
||
| 595 | return this.el.html(content); |
||
| 596 | }; |
||
| 597 | |||
| 598 | Hover.prototype.moveTo = function(x, y) { |
||
| 599 | var hoverHeight, hoverWidth, left, parentHeight, parentWidth, top; |
||
| 600 | parentWidth = this.options.parent.innerWidth(); |
||
| 601 | parentHeight = this.options.parent.innerHeight(); |
||
| 602 | hoverWidth = this.el.outerWidth(); |
||
| 603 | hoverHeight = this.el.outerHeight(); |
||
| 604 | left = Math.min(Math.max(0, x - hoverWidth / 2), parentWidth - hoverWidth); |
||
| 605 | View Code Duplication | if (y != null) { |
|
| 606 | top = y - hoverHeight - 10; |
||
| 607 | if (top < 0) { |
||
| 608 | top = y + 10; |
||
| 609 | if (top + hoverHeight > parentHeight) { |
||
| 610 | top = parentHeight / 2 - hoverHeight / 2; |
||
| 611 | } |
||
| 612 | } |
||
| 613 | } else { |
||
| 614 | top = parentHeight / 2 - hoverHeight / 2; |
||
| 615 | } |
||
| 616 | return this.el.css({ |
||
| 617 | left: left + "px", |
||
| 618 | top: parseInt(top) + "px" |
||
| 619 | }); |
||
| 620 | }; |
||
| 621 | |||
| 622 | Hover.prototype.show = function() { |
||
| 623 | return this.el.show(); |
||
| 624 | }; |
||
| 625 | |||
| 626 | Hover.prototype.hide = function() { |
||
| 627 | return this.el.hide(); |
||
| 628 | }; |
||
| 629 | |||
| 630 | return Hover; |
||
| 631 | |||
| 632 | })(); |
||
| 633 | |||
| 634 | Morris.Line = (function(_super) { |
||
| 635 | |||
| 636 | __extends(Line, _super); |
||
| 637 | |||
| 638 | function Line(options) { |
||
| 639 | this.hilight = __bind(this.hilight, this); |
||
| 640 | |||
| 641 | this.onHoverOut = __bind(this.onHoverOut, this); |
||
| 642 | |||
| 643 | this.onHoverMove = __bind(this.onHoverMove, this); |
||
| 644 | |||
| 645 | this.onGridClick = __bind(this.onGridClick, this); |
||
| 646 | if (!(this instanceof Morris.Line)) { |
||
| 647 | return new Morris.Line(options); |
||
| 648 | } |
||
| 649 | Line.__super__.constructor.call(this, options); |
||
| 650 | } |
||
| 651 | |||
| 652 | Line.prototype.init = function() { |
||
| 653 | this.pointGrow = Raphael.animation({ |
||
| 654 | r: this.options.pointSize + 3 |
||
| 655 | }, 25, 'linear'); |
||
| 656 | this.pointShrink = Raphael.animation({ |
||
| 657 | r: this.options.pointSize |
||
| 658 | }, 25, 'linear'); |
||
| 659 | if (this.options.hideHover !== 'always') { |
||
| 660 | this.hover = new Morris.Hover({ |
||
| 661 | parent: this.el |
||
| 662 | }); |
||
| 663 | this.on('hovermove', this.onHoverMove); |
||
| 664 | this.on('hoverout', this.onHoverOut); |
||
| 665 | return this.on('gridclick', this.onGridClick); |
||
| 666 | } |
||
| 667 | }; |
||
| 668 | |||
| 669 | Line.prototype.defaults = { |
||
| 670 | lineWidth: 3, |
||
| 671 | pointSize: 4, |
||
| 672 | lineColors: ['#0b62a4', '#7A92A3', '#4da74d', '#afd8f8', '#edc240', '#cb4b4b', '#9440ed'], |
||
| 673 | pointWidths: [1], |
||
| 674 | pointStrokeColors: ['#ffffff'], |
||
| 675 | pointFillColors: [], |
||
| 676 | smooth: true, |
||
| 677 | xLabels: 'auto', |
||
| 678 | xLabelFormat: null, |
||
| 679 | xLabelMargin: 24, |
||
| 680 | continuousLine: true, |
||
| 681 | hideHover: false |
||
| 682 | }; |
||
| 683 | |||
| 684 | Line.prototype.calc = function() { |
||
| 685 | this.calcPoints(); |
||
| 686 | return this.generatePaths(); |
||
| 687 | }; |
||
| 688 | |||
| 689 | Line.prototype.calcPoints = function() { |
||
| 690 | var row, y, _i, _len, _ref, _results; |
||
| 691 | _ref = this.data; |
||
| 692 | _results = []; |
||
| 693 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { |
||
| 694 | row = _ref[_i]; |
||
| 695 | row._x = this.transX(row.x); |
||
| 696 | row._y = (function() { |
||
| 697 | var _j, _len1, _ref1, _results1; |
||
| 698 | _ref1 = row.y; |
||
| 699 | _results1 = []; |
||
| 700 | for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) { |
||
| 701 | y = _ref1[_j]; |
||
| 702 | if (y != null) { |
||
| 703 | _results1.push(this.transY(y)); |
||
| 704 | } else { |
||
| 705 | _results1.push(y); |
||
| 706 | } |
||
| 707 | } |
||
| 708 | return _results1; |
||
| 709 | }).call(this); |
||
| 710 | _results.push(row._ymax = Math.min.apply(null, [this.bottom].concat((function() { |
||
| 711 | var _j, _len1, _ref1, _results1; |
||
| 712 | _ref1 = row._y; |
||
| 713 | _results1 = []; |
||
| 714 | for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) { |
||
| 715 | y = _ref1[_j]; |
||
| 716 | if (y != null) { |
||
| 717 | _results1.push(y); |
||
| 718 | } |
||
| 719 | } |
||
| 720 | return _results1; |
||
| 721 | })()))); |
||
| 722 | } |
||
| 723 | return _results; |
||
| 724 | }; |
||
| 725 | |||
| 726 | Line.prototype.hitTest = function(x, y) { |
||
| 727 | var index, r, _i, _len, _ref; |
||
| 728 | if (this.data.length === 0) { |
||
| 729 | return null; |
||
| 730 | } |
||
| 731 | _ref = this.data.slice(1); |
||
| 732 | for (index = _i = 0, _len = _ref.length; _i < _len; index = ++_i) { |
||
| 733 | r = _ref[index]; |
||
| 734 | if (x < (r._x + this.data[index]._x) / 2) { |
||
| 735 | break; |
||
| 736 | } |
||
| 737 | } |
||
| 738 | return index; |
||
| 739 | }; |
||
| 740 | |||
| 741 | Line.prototype.onGridClick = function(x, y) { |
||
| 742 | var index; |
||
| 743 | index = this.hitTest(x, y); |
||
| 744 | return this.fire('click', index, this.options.data[index], x, y); |
||
| 745 | }; |
||
| 746 | |||
| 747 | Line.prototype.onHoverMove = function(x, y) { |
||
| 748 | var index; |
||
| 749 | index = this.hitTest(x, y); |
||
| 750 | return this.displayHoverForRow(index); |
||
| 751 | }; |
||
| 752 | |||
| 753 | Line.prototype.onHoverOut = function() { |
||
| 754 | if (this.options.hideHover !== false) { |
||
| 755 | return this.displayHoverForRow(null); |
||
| 756 | } |
||
| 757 | }; |
||
| 758 | |||
| 759 | Line.prototype.displayHoverForRow = function(index) { |
||
| 760 | var _ref; |
||
| 761 | if (index != null) { |
||
| 762 | (_ref = this.hover).update.apply(_ref, this.hoverContentForRow(index)); |
||
| 763 | return this.hilight(index); |
||
| 764 | } else { |
||
| 765 | this.hover.hide(); |
||
| 766 | return this.hilight(); |
||
| 767 | } |
||
| 768 | }; |
||
| 769 | |||
| 770 | Line.prototype.hoverContentForRow = function(index) { |
||
| 771 | var content, j, row, y, _i, _len, _ref; |
||
| 772 | row = this.data[index]; |
||
| 773 | content = "<div class='morris-hover-row-label'>" + row.label + "</div>"; |
||
| 774 | _ref = row.y; |
||
| 775 | View Code Duplication | for (j = _i = 0, _len = _ref.length; _i < _len; j = ++_i) { |
|
| 776 | y = _ref[j]; |
||
| 777 | content += "<div class='morris-hover-point' style='color: " + (this.colorFor(row, j, 'label')) + "'>\n " + this.options.labels[j] + ":\n " + (this.yLabelFormat(y)) + "\n</div>"; |
||
| 778 | } |
||
| 779 | if (typeof this.options.hoverCallback === 'function') { |
||
| 780 | content = this.options.hoverCallback(index, this.options, content); |
||
| 781 | } |
||
| 782 | return [content, row._x, row._ymax]; |
||
| 783 | }; |
||
| 784 | |||
| 785 | Line.prototype.generatePaths = function() { |
||
| 786 | var c, coords, i, r, smooth; |
||
| 787 | return this.paths = (function() { |
||
| 788 | var _i, _ref, _ref1, _results; |
||
| 789 | _results = []; |
||
| 790 | for (i = _i = 0, _ref = this.options.ykeys.length; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) { |
||
| 791 | smooth = this.options.smooth === true || (_ref1 = this.options.ykeys[i], __indexOf.call(this.options.smooth, _ref1) >= 0); |
||
| 792 | coords = (function() { |
||
| 793 | var _j, _len, _ref2, _results1; |
||
| 794 | _ref2 = this.data; |
||
| 795 | _results1 = []; |
||
| 796 | for (_j = 0, _len = _ref2.length; _j < _len; _j++) { |
||
| 797 | r = _ref2[_j]; |
||
| 798 | if (r._y[i] !== void 0) { |
||
| 799 | _results1.push({ |
||
| 800 | x: r._x, |
||
| 801 | y: r._y[i] |
||
| 802 | }); |
||
| 803 | } |
||
| 804 | } |
||
| 805 | return _results1; |
||
| 806 | }).call(this); |
||
| 807 | if (this.options.continuousLine) { |
||
| 808 | coords = (function() { |
||
| 809 | var _j, _len, _results1; |
||
| 810 | _results1 = []; |
||
| 811 | for (_j = 0, _len = coords.length; _j < _len; _j++) { |
||
| 812 | c = coords[_j]; |
||
| 813 | if (c.y !== null) { |
||
| 814 | _results1.push(c); |
||
| 815 | } |
||
| 816 | } |
||
| 817 | return _results1; |
||
| 818 | })(); |
||
| 819 | } |
||
| 820 | if (coords.length > 1) { |
||
| 821 | _results.push(Morris.Line.createPath(coords, smooth, this.bottom)); |
||
| 822 | } else { |
||
| 823 | _results.push(null); |
||
| 824 | } |
||
| 825 | } |
||
| 826 | return _results; |
||
| 827 | }).call(this); |
||
| 828 | }; |
||
| 829 | |||
| 830 | Line.prototype.draw = function() { |
||
| 831 | if (this.options.axes) { |
||
| 832 | this.drawXAxis(); |
||
| 833 | } |
||
| 834 | this.drawSeries(); |
||
| 835 | if (this.options.hideHover === false) { |
||
| 836 | return this.displayHoverForRow(this.data.length - 1); |
||
| 837 | } |
||
| 838 | }; |
||
| 839 | |||
| 840 | Line.prototype.drawXAxis = function() { |
||
| 841 | var drawLabel, l, labels, prevAngleMargin, prevLabelMargin, row, ypos, _i, _len, _results, |
||
| 842 | _this = this; |
||
| 843 | ypos = this.bottom + this.options.padding / 2; |
||
| 844 | prevLabelMargin = null; |
||
| 845 | prevAngleMargin = null; |
||
| 846 | drawLabel = function(labelText, xpos) { |
||
| 847 | var label, labelBox, margin, offset, textBox; |
||
| 848 | label = _this.drawXAxisLabel(_this.transX(xpos), ypos, labelText); |
||
| 849 | textBox = label.getBBox(); |
||
| 850 | label.transform("r" + (-_this.options.xLabelAngle)); |
||
| 851 | labelBox = label.getBBox(); |
||
| 852 | label.transform("t0," + (labelBox.height / 2) + "..."); |
||
| 853 | if (_this.options.xLabelAngle !== 0) { |
||
| 854 | offset = -0.5 * textBox.width * Math.cos(_this.options.xLabelAngle * Math.PI / 180.0); |
||
| 855 | label.transform("t" + offset + ",0..."); |
||
| 856 | } |
||
| 857 | labelBox = label.getBBox(); |
||
| 858 | if ((!(prevLabelMargin != null) || prevLabelMargin >= labelBox.x + labelBox.width || (prevAngleMargin != null) && prevAngleMargin >= labelBox.x) && labelBox.x >= 0 && (labelBox.x + labelBox.width) < _this.el.width()) { |
||
| 859 | if (_this.options.xLabelAngle !== 0) { |
||
| 860 | margin = 1.25 * _this.options.gridTextSize / Math.sin(_this.options.xLabelAngle * Math.PI / 180.0); |
||
| 861 | prevAngleMargin = labelBox.x - margin; |
||
| 862 | } |
||
| 863 | return prevLabelMargin = labelBox.x - _this.options.xLabelMargin; |
||
| 864 | } else { |
||
| 865 | return label.remove(); |
||
| 866 | } |
||
| 867 | }; |
||
| 868 | if (this.options.parseTime) { |
||
| 869 | if (this.data.length === 1 && this.options.xLabels === 'auto') { |
||
| 870 | labels = [[this.data[0].label, this.data[0].x]]; |
||
| 871 | } else { |
||
| 872 | labels = Morris.labelSeries(this.xmin, this.xmax, this.width, this.options.xLabels, this.options.xLabelFormat); |
||
| 873 | } |
||
| 874 | } else { |
||
| 875 | labels = (function() { |
||
| 876 | var _i, _len, _ref, _results; |
||
| 877 | _ref = this.data; |
||
| 878 | _results = []; |
||
| 879 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { |
||
| 880 | row = _ref[_i]; |
||
| 881 | _results.push([row.label, row.x]); |
||
| 882 | } |
||
| 883 | return _results; |
||
| 884 | }).call(this); |
||
| 885 | } |
||
| 886 | labels.reverse(); |
||
| 887 | _results = []; |
||
| 888 | for (_i = 0, _len = labels.length; _i < _len; _i++) { |
||
| 889 | l = labels[_i]; |
||
| 890 | _results.push(drawLabel(l[0], l[1])); |
||
| 891 | } |
||
| 892 | return _results; |
||
| 893 | }; |
||
| 894 | |||
| 895 | Line.prototype.drawSeries = function() { |
||
| 896 | var i, _i, _j, _ref, _ref1, _results; |
||
| 897 | this.seriesPoints = []; |
||
| 898 | for (i = _i = _ref = this.options.ykeys.length - 1; _ref <= 0 ? _i <= 0 : _i >= 0; i = _ref <= 0 ? ++_i : --_i) { |
||
| 899 | this._drawLineFor(i); |
||
| 900 | } |
||
| 901 | _results = []; |
||
| 902 | for (i = _j = _ref1 = this.options.ykeys.length - 1; _ref1 <= 0 ? _j <= 0 : _j >= 0; i = _ref1 <= 0 ? ++_j : --_j) { |
||
| 903 | _results.push(this._drawPointFor(i)); |
||
| 904 | } |
||
| 905 | return _results; |
||
| 906 | }; |
||
| 907 | |||
| 908 | Line.prototype._drawPointFor = function(index) { |
||
| 909 | var circle, row, _i, _len, _ref, _results; |
||
| 910 | this.seriesPoints[index] = []; |
||
| 911 | _ref = this.data; |
||
| 912 | _results = []; |
||
| 913 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { |
||
| 914 | row = _ref[_i]; |
||
| 915 | circle = null; |
||
| 916 | if (row._y[index] != null) { |
||
| 917 | circle = this.drawLinePoint(row._x, row._y[index], this.options.pointSize, this.colorFor(row, index, 'point'), index); |
||
| 918 | } |
||
| 919 | _results.push(this.seriesPoints[index].push(circle)); |
||
| 920 | } |
||
| 921 | return _results; |
||
| 922 | }; |
||
| 923 | |||
| 924 | Line.prototype._drawLineFor = function(index) { |
||
| 925 | var path; |
||
| 926 | path = this.paths[index]; |
||
| 927 | if (path !== null) { |
||
| 928 | return this.drawLinePath(path, this.colorFor(null, index, 'line')); |
||
| 929 | } |
||
| 930 | }; |
||
| 931 | |||
| 932 | Line.createPath = function(coords, smooth, bottom) { |
||
| 933 | var coord, g, grads, i, ix, lg, path, prevCoord, x1, x2, y1, y2, _i, _len; |
||
| 934 | path = ""; |
||
| 935 | if (smooth) { |
||
| 936 | grads = Morris.Line.gradients(coords); |
||
| 937 | } |
||
| 938 | prevCoord = { |
||
| 939 | y: null |
||
| 940 | }; |
||
| 941 | for (i = _i = 0, _len = coords.length; _i < _len; i = ++_i) { |
||
| 942 | coord = coords[i]; |
||
| 943 | if (coord.y != null) { |
||
| 944 | if (prevCoord.y != null) { |
||
| 945 | if (smooth) { |
||
| 946 | g = grads[i]; |
||
| 947 | lg = grads[i - 1]; |
||
| 948 | ix = (coord.x - prevCoord.x) / 4; |
||
| 949 | x1 = prevCoord.x + ix; |
||
| 950 | y1 = Math.min(bottom, prevCoord.y + ix * lg); |
||
| 951 | x2 = coord.x - ix; |
||
| 952 | y2 = Math.min(bottom, coord.y - ix * g); |
||
| 953 | path += "C" + x1 + "," + y1 + "," + x2 + "," + y2 + "," + coord.x + "," + coord.y; |
||
| 954 | } else { |
||
| 955 | path += "L" + coord.x + "," + coord.y; |
||
| 956 | } |
||
| 957 | } else { |
||
| 958 | if (!smooth || (grads[i] != null)) { |
||
| 959 | path += "M" + coord.x + "," + coord.y; |
||
| 960 | } |
||
| 961 | } |
||
| 962 | } |
||
| 963 | prevCoord = coord; |
||
| 964 | } |
||
| 965 | return path; |
||
| 966 | }; |
||
| 967 | |||
| 968 | Line.gradients = function(coords) { |
||
| 969 | var coord, grad, i, nextCoord, prevCoord, _i, _len, _results; |
||
| 970 | grad = function(a, b) { |
||
| 971 | return (a.y - b.y) / (a.x - b.x); |
||
| 972 | }; |
||
| 973 | _results = []; |
||
| 974 | for (i = _i = 0, _len = coords.length; _i < _len; i = ++_i) { |
||
| 975 | coord = coords[i]; |
||
| 976 | if (coord.y != null) { |
||
| 977 | nextCoord = coords[i + 1] || { |
||
| 978 | y: null |
||
| 979 | }; |
||
| 980 | prevCoord = coords[i - 1] || { |
||
| 981 | y: null |
||
| 982 | }; |
||
| 983 | if ((prevCoord.y != null) && (nextCoord.y != null)) { |
||
| 984 | _results.push(grad(prevCoord, nextCoord)); |
||
| 985 | } else if (prevCoord.y != null) { |
||
| 986 | _results.push(grad(prevCoord, coord)); |
||
| 987 | } else if (nextCoord.y != null) { |
||
| 988 | _results.push(grad(coord, nextCoord)); |
||
| 989 | } else { |
||
| 990 | _results.push(null); |
||
| 991 | } |
||
| 992 | } else { |
||
| 993 | _results.push(null); |
||
| 994 | } |
||
| 995 | } |
||
| 996 | return _results; |
||
| 997 | }; |
||
| 998 | |||
| 999 | Line.prototype.hilight = function(index) { |
||
| 1000 | var i, _i, _j, _ref, _ref1; |
||
| 1001 | if (this.prevHilight !== null && this.prevHilight !== index) { |
||
| 1002 | for (i = _i = 0, _ref = this.seriesPoints.length - 1; 0 <= _ref ? _i <= _ref : _i >= _ref; i = 0 <= _ref ? ++_i : --_i) { |
||
| 1003 | if (this.seriesPoints[i][this.prevHilight]) { |
||
| 1004 | this.seriesPoints[i][this.prevHilight].animate(this.pointShrink); |
||
| 1005 | } |
||
| 1006 | } |
||
| 1007 | } |
||
| 1008 | if (index !== null && this.prevHilight !== index) { |
||
| 1009 | for (i = _j = 0, _ref1 = this.seriesPoints.length - 1; 0 <= _ref1 ? _j <= _ref1 : _j >= _ref1; i = 0 <= _ref1 ? ++_j : --_j) { |
||
| 1010 | if (this.seriesPoints[i][index]) { |
||
| 1011 | this.seriesPoints[i][index].animate(this.pointGrow); |
||
| 1012 | } |
||
| 1013 | } |
||
| 1014 | } |
||
| 1015 | return this.prevHilight = index; |
||
| 1016 | }; |
||
| 1017 | |||
| 1018 | Line.prototype.colorFor = function(row, sidx, type) { |
||
| 1019 | if (typeof this.options.lineColors === 'function') { |
||
| 1020 | return this.options.lineColors.call(this, row, sidx, type); |
||
| 1021 | } else if (type === 'point') { |
||
| 1022 | return this.options.pointFillColors[sidx % this.options.pointFillColors.length] || this.options.lineColors[sidx % this.options.lineColors.length]; |
||
| 1023 | } else { |
||
| 1024 | return this.options.lineColors[sidx % this.options.lineColors.length]; |
||
| 1025 | } |
||
| 1026 | }; |
||
| 1027 | |||
| 1028 | Line.prototype.drawXAxisLabel = function(xPos, yPos, text) { |
||
| 1029 | 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); |
||
| 1030 | }; |
||
| 1031 | |||
| 1032 | Line.prototype.drawLinePath = function(path, lineColor) { |
||
| 1033 | return this.raphael.path(path).attr('stroke', lineColor).attr('stroke-width', this.options.lineWidth); |
||
| 1034 | }; |
||
| 1035 | |||
| 1036 | Line.prototype.drawLinePoint = function(xPos, yPos, size, pointColor, lineIndex) { |
||
| 1037 | return this.raphael.circle(xPos, yPos, size).attr('fill', pointColor).attr('stroke-width', this.strokeWidthForSeries(lineIndex)).attr('stroke', this.strokeForSeries(lineIndex)); |
||
| 1038 | }; |
||
| 1039 | |||
| 1040 | Line.prototype.strokeWidthForSeries = function(index) { |
||
| 1041 | return this.options.pointWidths[index % this.options.pointWidths.length]; |
||
| 1042 | }; |
||
| 1043 | |||
| 1044 | Line.prototype.strokeForSeries = function(index) { |
||
| 1045 | return this.options.pointStrokeColors[index % this.options.pointStrokeColors.length]; |
||
| 1046 | }; |
||
| 1047 | |||
| 1048 | return Line; |
||
| 1049 | |||
| 1050 | })(Morris.Grid); |
||
| 1051 | |||
| 1052 | Morris.labelSeries = function(dmin, dmax, pxwidth, specName, xLabelFormat) { |
||
| 1053 | var d, d0, ddensity, name, ret, s, spec, t, _i, _len, _ref; |
||
| 1054 | ddensity = 200 * (dmax - dmin) / pxwidth; |
||
| 1055 | d0 = new Date(dmin); |
||
| 1056 | spec = Morris.LABEL_SPECS[specName]; |
||
| 1057 | if (spec === void 0) { |
||
| 1058 | _ref = Morris.AUTO_LABEL_ORDER; |
||
| 1059 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { |
||
| 1060 | name = _ref[_i]; |
||
| 1061 | s = Morris.LABEL_SPECS[name]; |
||
| 1062 | if (ddensity >= s.span) { |
||
| 1063 | spec = s; |
||
| 1064 | break; |
||
| 1065 | } |
||
| 1066 | } |
||
| 1067 | } |
||
| 1068 | if (spec === void 0) { |
||
| 1069 | spec = Morris.LABEL_SPECS["second"]; |
||
| 1070 | } |
||
| 1071 | if (xLabelFormat) { |
||
| 1072 | spec = $.extend({}, spec, { |
||
| 1073 | fmt: xLabelFormat |
||
| 1074 | }); |
||
| 1075 | } |
||
| 1076 | d = spec.start(d0); |
||
| 1077 | ret = []; |
||
| 1078 | while ((t = d.getTime()) <= dmax) { |
||
| 1079 | if (t >= dmin) { |
||
| 1080 | ret.push([spec.fmt(d), t]); |
||
| 1081 | } |
||
| 1082 | spec.incr(d); |
||
| 1083 | } |
||
| 1084 | return ret; |
||
| 1085 | }; |
||
| 1086 | |||
| 1087 | minutesSpecHelper = function(interval) { |
||
| 1088 | return { |
||
| 1089 | span: interval * 60 * 1000, |
||
| 1090 | start: function(d) { |
||
| 1091 | return new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours()); |
||
| 1092 | }, |
||
| 1093 | fmt: function(d) { |
||
| 1094 | return "" + (Morris.pad2(d.getHours())) + ":" + (Morris.pad2(d.getMinutes())); |
||
| 1095 | }, |
||
| 1096 | incr: function(d) { |
||
| 1097 | return d.setUTCMinutes(d.getUTCMinutes() + interval); |
||
| 1098 | } |
||
| 1099 | }; |
||
| 1100 | }; |
||
| 1101 | |||
| 1102 | secondsSpecHelper = function(interval) { |
||
| 1103 | return { |
||
| 1104 | span: interval * 1000, |
||
| 1105 | start: function(d) { |
||
| 1106 | return new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes()); |
||
| 1107 | }, |
||
| 1108 | fmt: function(d) { |
||
| 1109 | return "" + (Morris.pad2(d.getHours())) + ":" + (Morris.pad2(d.getMinutes())) + ":" + (Morris.pad2(d.getSeconds())); |
||
| 1110 | }, |
||
| 1111 | incr: function(d) { |
||
| 1112 | return d.setUTCSeconds(d.getUTCSeconds() + interval); |
||
| 1113 | } |
||
| 1114 | }; |
||
| 1115 | }; |
||
| 1116 | |||
| 1117 | Morris.LABEL_SPECS = { |
||
| 1118 | "decade": { |
||
| 1119 | span: 172800000000, |
||
| 1120 | start: function(d) { |
||
| 1121 | return new Date(d.getFullYear() - d.getFullYear() % 10, 0, 1); |
||
| 1122 | }, |
||
| 1123 | fmt: function(d) { |
||
| 1124 | return "" + (d.getFullYear()); |
||
| 1125 | }, |
||
| 1126 | incr: function(d) { |
||
| 1127 | return d.setFullYear(d.getFullYear() + 10); |
||
| 1128 | } |
||
| 1129 | }, |
||
| 1130 | "year": { |
||
| 1131 | span: 17280000000, |
||
| 1132 | start: function(d) { |
||
| 1133 | return new Date(d.getFullYear(), 0, 1); |
||
| 1134 | }, |
||
| 1135 | fmt: function(d) { |
||
| 1136 | return "" + (d.getFullYear()); |
||
| 1137 | }, |
||
| 1138 | incr: function(d) { |
||
| 1139 | return d.setFullYear(d.getFullYear() + 1); |
||
| 1140 | } |
||
| 1141 | }, |
||
| 1142 | "month": { |
||
| 1143 | span: 2419200000, |
||
| 1144 | start: function(d) { |
||
| 1145 | return new Date(d.getFullYear(), d.getMonth(), 1); |
||
| 1146 | }, |
||
| 1147 | fmt: function(d) { |
||
| 1148 | return "" + (d.getFullYear()) + "-" + (Morris.pad2(d.getMonth() + 1)); |
||
| 1149 | }, |
||
| 1150 | incr: function(d) { |
||
| 1151 | return d.setMonth(d.getMonth() + 1); |
||
| 1152 | } |
||
| 1153 | }, |
||
| 1154 | "day": { |
||
| 1155 | span: 86400000, |
||
| 1156 | start: function(d) { |
||
| 1157 | return new Date(d.getFullYear(), d.getMonth(), d.getDate()); |
||
| 1158 | }, |
||
| 1159 | fmt: function(d) { |
||
| 1160 | return "" + (d.getFullYear()) + "-" + (Morris.pad2(d.getMonth() + 1)) + "-" + (Morris.pad2(d.getDate())); |
||
| 1161 | }, |
||
| 1162 | incr: function(d) { |
||
| 1163 | return d.setDate(d.getDate() + 1); |
||
| 1164 | } |
||
| 1165 | }, |
||
| 1166 | "hour": minutesSpecHelper(60), |
||
| 1167 | "30min": minutesSpecHelper(30), |
||
| 1168 | "15min": minutesSpecHelper(15), |
||
| 1169 | "10min": minutesSpecHelper(10), |
||
| 1170 | "5min": minutesSpecHelper(5), |
||
| 1171 | "minute": minutesSpecHelper(1), |
||
| 1172 | "30sec": secondsSpecHelper(30), |
||
| 1173 | "15sec": secondsSpecHelper(15), |
||
| 1174 | "10sec": secondsSpecHelper(10), |
||
| 1175 | "5sec": secondsSpecHelper(5), |
||
| 1176 | "second": secondsSpecHelper(1) |
||
| 1177 | }; |
||
| 1178 | |||
| 1179 | Morris.AUTO_LABEL_ORDER = ["decade", "year", "month", "day", "hour", "30min", "15min", "10min", "5min", "minute", "30sec", "15sec", "10sec", "5sec", "second"]; |
||
| 1180 | |||
| 1181 | Morris.Area = (function(_super) { |
||
| 1182 | var areaDefaults; |
||
| 1183 | |||
| 1184 | __extends(Area, _super); |
||
| 1185 | |||
| 1186 | areaDefaults = { |
||
| 1187 | fillOpacity: 'auto', |
||
| 1188 | behaveLikeLine: false |
||
| 1189 | }; |
||
| 1190 | |||
| 1191 | function Area(options) { |
||
| 1192 | var areaOptions; |
||
| 1193 | if (!(this instanceof Morris.Area)) { |
||
| 1194 | return new Morris.Area(options); |
||
| 1195 | } |
||
| 1196 | areaOptions = $.extend({}, areaDefaults, options); |
||
| 1197 | this.cumulative = !areaOptions.behaveLikeLine; |
||
| 1198 | if (areaOptions.fillOpacity === 'auto') { |
||
| 1199 | areaOptions.fillOpacity = areaOptions.behaveLikeLine ? .8 : 1; |
||
| 1200 | } |
||
| 1201 | Area.__super__.constructor.call(this, areaOptions); |
||
| 1202 | } |
||
| 1203 | |||
| 1204 | Area.prototype.calcPoints = function() { |
||
| 1205 | var row, total, y, _i, _len, _ref, _results; |
||
| 1206 | _ref = this.data; |
||
| 1207 | _results = []; |
||
| 1208 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { |
||
| 1209 | row = _ref[_i]; |
||
| 1210 | row._x = this.transX(row.x); |
||
| 1211 | total = 0; |
||
| 1212 | row._y = (function() { |
||
| 1213 | var _j, _len1, _ref1, _results1; |
||
| 1214 | _ref1 = row.y; |
||
| 1215 | _results1 = []; |
||
| 1216 | for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) { |
||
| 1217 | y = _ref1[_j]; |
||
| 1218 | if (this.options.behaveLikeLine) { |
||
| 1219 | _results1.push(this.transY(y)); |
||
| 1220 | } else { |
||
| 1221 | total += y || 0; |
||
| 1222 | _results1.push(this.transY(total)); |
||
| 1223 | } |
||
| 1224 | } |
||
| 1225 | return _results1; |
||
| 1226 | }).call(this); |
||
| 1227 | _results.push(row._ymax = Math.max.apply(Math, row._y)); |
||
| 1228 | } |
||
| 1229 | return _results; |
||
| 1230 | }; |
||
| 1231 | |||
| 1232 | Area.prototype.drawSeries = function() { |
||
| 1233 | var i, range, _i, _j, _k, _len, _ref, _ref1, _results, _results1, _results2; |
||
| 1234 | this.seriesPoints = []; |
||
| 1235 | if (this.options.behaveLikeLine) { |
||
| 1236 | range = (function() { |
||
| 1237 | _results = []; |
||
| 1238 | for (var _i = 0, _ref = this.options.ykeys.length - 1; 0 <= _ref ? _i <= _ref : _i >= _ref; 0 <= _ref ? _i++ : _i--){ _results.push(_i); } |
||
| 1239 | return _results; |
||
| 1240 | }).apply(this); |
||
| 1241 | } else { |
||
| 1242 | range = (function() { |
||
| 1243 | _results1 = []; |
||
| 1244 | for (var _j = _ref1 = this.options.ykeys.length - 1; _ref1 <= 0 ? _j <= 0 : _j >= 0; _ref1 <= 0 ? _j++ : _j--){ _results1.push(_j); } |
||
| 1245 | return _results1; |
||
| 1246 | }).apply(this); |
||
| 1247 | } |
||
| 1248 | _results2 = []; |
||
| 1249 | for (_k = 0, _len = range.length; _k < _len; _k++) { |
||
| 1250 | i = range[_k]; |
||
| 1251 | this._drawFillFor(i); |
||
| 1252 | this._drawLineFor(i); |
||
| 1253 | _results2.push(this._drawPointFor(i)); |
||
| 1254 | } |
||
| 1255 | return _results2; |
||
| 1256 | }; |
||
| 1257 | |||
| 1258 | Area.prototype._drawFillFor = function(index) { |
||
| 1259 | var path; |
||
| 1260 | path = this.paths[index]; |
||
| 1261 | if (path !== null) { |
||
| 1262 | path = path + ("L" + (this.transX(this.xmax)) + "," + this.bottom + "L" + (this.transX(this.xmin)) + "," + this.bottom + "Z"); |
||
| 1263 | return this.drawFilledPath(path, this.fillForSeries(index)); |
||
| 1264 | } |
||
| 1265 | }; |
||
| 1266 | |||
| 1267 | Area.prototype.fillForSeries = function(i) { |
||
| 1268 | var color; |
||
| 1269 | color = Raphael.rgb2hsl(this.colorFor(this.data[i], i, 'line')); |
||
| 1270 | 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)); |
||
| 1271 | }; |
||
| 1272 | |||
| 1273 | Area.prototype.drawFilledPath = function(path, fill) { |
||
| 1274 | return this.raphael.path(path).attr('fill', fill).attr('fill-opacity', this.options.fillOpacity).attr('stroke-width', 0); |
||
| 1275 | }; |
||
| 1276 | |||
| 1277 | return Area; |
||
| 1278 | |||
| 1279 | })(Morris.Line); |
||
| 1280 | |||
| 1281 | Morris.Bar = (function(_super) { |
||
| 1282 | |||
| 1283 | __extends(Bar, _super); |
||
| 1284 | |||
| 1285 | function Bar(options) { |
||
| 1286 | this.onHoverOut = __bind(this.onHoverOut, this); |
||
| 1287 | |||
| 1288 | this.onHoverMove = __bind(this.onHoverMove, this); |
||
| 1289 | |||
| 1290 | this.onGridClick = __bind(this.onGridClick, this); |
||
| 1291 | if (!(this instanceof Morris.Bar)) { |
||
| 1292 | return new Morris.Bar(options); |
||
| 1293 | } |
||
| 1294 | Bar.__super__.constructor.call(this, $.extend({}, options, { |
||
| 1295 | parseTime: false |
||
| 1296 | })); |
||
| 1297 | } |
||
| 1298 | |||
| 1299 | Bar.prototype.init = function() { |
||
| 1300 | this.cumulative = this.options.stacked; |
||
| 1301 | if (this.options.hideHover !== 'always') { |
||
| 1302 | this.hover = new Morris.Hover({ |
||
| 1303 | parent: this.el |
||
| 1304 | }); |
||
| 1305 | this.on('hovermove', this.onHoverMove); |
||
| 1306 | this.on('hoverout', this.onHoverOut); |
||
| 1307 | return this.on('gridclick', this.onGridClick); |
||
| 1308 | } |
||
| 1309 | }; |
||
| 1310 | |||
| 1311 | Bar.prototype.defaults = { |
||
| 1312 | barSizeRatio: 0.75, |
||
| 1313 | barGap: 3, |
||
| 1314 | barColors: ['#0b62a4', '#7a92a3', '#4da74d', '#afd8f8', '#edc240', '#cb4b4b', '#9440ed'], |
||
| 1315 | xLabelMargin: 50 |
||
| 1316 | }; |
||
| 1317 | |||
| 1318 | Bar.prototype.calc = function() { |
||
| 1319 | var _ref; |
||
| 1320 | this.calcBars(); |
||
| 1321 | if (this.options.hideHover === false) { |
||
| 1322 | return (_ref = this.hover).update.apply(_ref, this.hoverContentForRow(this.data.length - 1)); |
||
| 1323 | } |
||
| 1324 | }; |
||
| 1325 | |||
| 1326 | Bar.prototype.calcBars = function() { |
||
| 1327 | var idx, row, y, _i, _len, _ref, _results; |
||
| 1328 | _ref = this.data; |
||
| 1329 | _results = []; |
||
| 1330 | for (idx = _i = 0, _len = _ref.length; _i < _len; idx = ++_i) { |
||
| 1331 | row = _ref[idx]; |
||
| 1332 | row._x = this.left + this.width * (idx + 0.5) / this.data.length; |
||
| 1333 | _results.push(row._y = (function() { |
||
| 1334 | var _j, _len1, _ref1, _results1; |
||
| 1335 | _ref1 = row.y; |
||
| 1336 | _results1 = []; |
||
| 1337 | for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) { |
||
| 1338 | y = _ref1[_j]; |
||
| 1339 | if (y != null) { |
||
| 1340 | _results1.push(this.transY(y)); |
||
| 1341 | } else { |
||
| 1342 | _results1.push(null); |
||
| 1343 | } |
||
| 1344 | } |
||
| 1345 | return _results1; |
||
| 1346 | }).call(this)); |
||
| 1347 | } |
||
| 1348 | return _results; |
||
| 1349 | }; |
||
| 1350 | |||
| 1351 | Bar.prototype.draw = function() { |
||
| 1352 | if (this.options.axes) { |
||
| 1353 | this.drawXAxis(); |
||
| 1354 | } |
||
| 1355 | return this.drawSeries(); |
||
| 1356 | }; |
||
| 1357 | |||
| 1358 | Bar.prototype.drawXAxis = function() { |
||
| 1359 | var i, label, labelBox, margin, offset, prevAngleMargin, prevLabelMargin, row, textBox, ypos, _i, _ref, _results; |
||
| 1360 | ypos = this.bottom + this.options.padding / 2; |
||
| 1361 | prevLabelMargin = null; |
||
| 1362 | prevAngleMargin = null; |
||
| 1363 | _results = []; |
||
| 1364 | for (i = _i = 0, _ref = this.data.length; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) { |
||
| 1365 | row = this.data[this.data.length - 1 - i]; |
||
| 1366 | label = this.drawXAxisLabel(row._x, ypos, row.label); |
||
| 1367 | textBox = label.getBBox(); |
||
| 1368 | label.transform("r" + (-this.options.xLabelAngle)); |
||
| 1369 | labelBox = label.getBBox(); |
||
| 1370 | label.transform("t0," + (labelBox.height / 2) + "..."); |
||
| 1371 | if (this.options.xLabelAngle !== 0) { |
||
| 1372 | offset = -0.5 * textBox.width * Math.cos(this.options.xLabelAngle * Math.PI / 180.0); |
||
| 1373 | label.transform("t" + offset + ",0..."); |
||
| 1374 | } |
||
| 1375 | if ((!(prevLabelMargin != null) || prevLabelMargin >= labelBox.x + labelBox.width || (prevAngleMargin != null) && prevAngleMargin >= labelBox.x) && labelBox.x >= 0 && (labelBox.x + labelBox.width) < this.el.width()) { |
||
| 1376 | if (this.options.xLabelAngle !== 0) { |
||
| 1377 | margin = 1.25 * this.options.gridTextSize / Math.sin(this.options.xLabelAngle * Math.PI / 180.0); |
||
| 1378 | prevAngleMargin = labelBox.x - margin; |
||
| 1379 | } |
||
| 1380 | _results.push(prevLabelMargin = labelBox.x - this.options.xLabelMargin); |
||
| 1381 | } else { |
||
| 1382 | _results.push(label.remove()); |
||
| 1383 | } |
||
| 1384 | } |
||
| 1385 | return _results; |
||
| 1386 | }; |
||
| 1387 | |||
| 1388 | Bar.prototype.drawSeries = function() { |
||
| 1389 | var barWidth, bottom, groupWidth, idx, lastTop, left, leftPadding, numBars, row, sidx, size, top, ypos, zeroPos; |
||
| 1390 | groupWidth = this.width / this.options.data.length; |
||
| 1391 | numBars = this.options.stacked != null ? 1 : this.options.ykeys.length; |
||
| 1392 | barWidth = (groupWidth * this.options.barSizeRatio - this.options.barGap * (numBars - 1)) / numBars; |
||
| 1393 | leftPadding = groupWidth * (1 - this.options.barSizeRatio) / 2; |
||
| 1394 | zeroPos = this.ymin <= 0 && this.ymax >= 0 ? this.transY(0) : null; |
||
| 1395 | return this.bars = (function() { |
||
| 1396 | var _i, _len, _ref, _results; |
||
| 1397 | _ref = this.data; |
||
| 1398 | _results = []; |
||
| 1399 | for (idx = _i = 0, _len = _ref.length; _i < _len; idx = ++_i) { |
||
| 1400 | row = _ref[idx]; |
||
| 1401 | lastTop = 0; |
||
| 1402 | _results.push((function() { |
||
| 1403 | var _j, _len1, _ref1, _results1; |
||
| 1404 | _ref1 = row._y; |
||
| 1405 | _results1 = []; |
||
| 1406 | for (sidx = _j = 0, _len1 = _ref1.length; _j < _len1; sidx = ++_j) { |
||
| 1407 | ypos = _ref1[sidx]; |
||
| 1408 | if (ypos !== null) { |
||
| 1409 | if (zeroPos) { |
||
| 1410 | top = Math.min(ypos, zeroPos); |
||
| 1411 | bottom = Math.max(ypos, zeroPos); |
||
| 1412 | } else { |
||
| 1413 | top = ypos; |
||
| 1414 | bottom = this.bottom; |
||
| 1415 | } |
||
| 1416 | left = this.left + idx * groupWidth + leftPadding; |
||
| 1417 | if (!this.options.stacked) { |
||
| 1418 | left += sidx * (barWidth + this.options.barGap); |
||
| 1419 | } |
||
| 1420 | size = bottom - top; |
||
| 1421 | if (this.options.stacked) { |
||
| 1422 | top -= lastTop; |
||
| 1423 | } |
||
| 1424 | this.drawBar(left, top, barWidth, size, this.colorFor(row, sidx, 'bar')); |
||
| 1425 | _results1.push(lastTop += size); |
||
| 1426 | } else { |
||
| 1427 | _results1.push(null); |
||
| 1428 | } |
||
| 1429 | } |
||
| 1430 | return _results1; |
||
| 1431 | }).call(this)); |
||
| 1432 | } |
||
| 1433 | return _results; |
||
| 1434 | }).call(this); |
||
| 1435 | }; |
||
| 1436 | |||
| 1437 | Bar.prototype.colorFor = function(row, sidx, type) { |
||
| 1438 | var r, s; |
||
| 1439 | if (typeof this.options.barColors === 'function') { |
||
| 1440 | r = { |
||
| 1441 | x: row.x, |
||
| 1442 | y: row.y[sidx], |
||
| 1443 | label: row.label |
||
| 1444 | }; |
||
| 1445 | s = { |
||
| 1446 | index: sidx, |
||
| 1447 | key: this.options.ykeys[sidx], |
||
| 1448 | label: this.options.labels[sidx] |
||
| 1449 | }; |
||
| 1450 | return this.options.barColors.call(this, r, s, type); |
||
| 1451 | } else { |
||
| 1452 | return this.options.barColors[sidx % this.options.barColors.length]; |
||
| 1453 | } |
||
| 1454 | }; |
||
| 1455 | |||
| 1456 | Bar.prototype.hitTest = function(x, y) { |
||
| 1457 | if (this.data.length === 0) { |
||
| 1458 | return null; |
||
| 1459 | } |
||
| 1460 | x = Math.max(Math.min(x, this.right), this.left); |
||
| 1461 | return Math.min(this.data.length - 1, Math.floor((x - this.left) / (this.width / this.data.length))); |
||
| 1462 | }; |
||
| 1463 | |||
| 1464 | Bar.prototype.onGridClick = function(x, y) { |
||
| 1465 | var index; |
||
| 1466 | index = this.hitTest(x, y); |
||
| 1467 | return this.fire('click', index, this.options.data[index], x, y); |
||
| 1468 | }; |
||
| 1469 | |||
| 1470 | Bar.prototype.onHoverMove = function(x, y) { |
||
| 1471 | var index, _ref; |
||
| 1472 | index = this.hitTest(x, y); |
||
| 1473 | return (_ref = this.hover).update.apply(_ref, this.hoverContentForRow(index)); |
||
| 1474 | }; |
||
| 1475 | |||
| 1476 | Bar.prototype.onHoverOut = function() { |
||
| 1477 | if (this.options.hideHover !== false) { |
||
| 1478 | return this.hover.hide(); |
||
| 1479 | } |
||
| 1480 | }; |
||
| 1481 | |||
| 1482 | Bar.prototype.hoverContentForRow = function(index) { |
||
| 1483 | var content, j, row, x, y, _i, _len, _ref; |
||
| 1484 | row = this.data[index]; |
||
| 1485 | content = "<div class='morris-hover-row-label'>" + row.label + "</div>"; |
||
| 1486 | _ref = row.y; |
||
| 1487 | View Code Duplication | for (j = _i = 0, _len = _ref.length; _i < _len; j = ++_i) { |
|
| 1488 | y = _ref[j]; |
||
| 1489 | content += "<div class='morris-hover-point' style='color: " + (this.colorFor(row, j, 'label')) + "'>\n " + this.options.labels[j] + ":\n " + (this.yLabelFormat(y)) + "\n</div>"; |
||
| 1490 | } |
||
| 1491 | if (typeof this.options.hoverCallback === 'function') { |
||
| 1492 | content = this.options.hoverCallback(index, this.options, content); |
||
| 1493 | } |
||
| 1494 | x = this.left + (index + 0.5) * this.width / this.data.length; |
||
| 1495 | return [content, x]; |
||
| 1496 | }; |
||
| 1497 | |||
| 1498 | Bar.prototype.drawXAxisLabel = function(xPos, yPos, text) { |
||
| 1499 | var label; |
||
| 1500 | 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); |
||
| 1501 | }; |
||
| 1502 | |||
| 1503 | Bar.prototype.drawBar = function(xPos, yPos, width, height, barColor) { |
||
| 1504 | return this.raphael.rect(xPos, yPos, width, height).attr('fill', barColor).attr('stroke-width', 0); |
||
| 1505 | }; |
||
| 1506 | |||
| 1507 | return Bar; |
||
| 1508 | |||
| 1509 | })(Morris.Grid); |
||
| 1510 | |||
| 1511 | Morris.Donut = (function(_super) { |
||
| 1512 | |||
| 1513 | __extends(Donut, _super); |
||
| 1514 | |||
| 1515 | Donut.prototype.defaults = { |
||
| 1516 | colors: ['#0B62A4', '#3980B5', '#679DC6', '#95BBD7', '#B0CCE1', '#095791', '#095085', '#083E67', '#052C48', '#042135'], |
||
| 1517 | backgroundColor: '#FFFFFF', |
||
| 1518 | labelColor: '#000000', |
||
| 1519 | formatter: Morris.commas |
||
| 1520 | }; |
||
| 1521 | |||
| 1522 | function Donut(options) { |
||
| 1523 | this.select = __bind(this.select, this); |
||
| 1524 | |||
| 1525 | this.click = __bind(this.click, this); |
||
| 1526 | |||
| 1527 | var row; |
||
| 1528 | if (!(this instanceof Morris.Donut)) { |
||
| 1529 | return new Morris.Donut(options); |
||
| 1530 | } |
||
| 1531 | if (typeof options.element === 'string') { |
||
| 1532 | this.el = $(document.getElementById(options.element)); |
||
| 1533 | } else { |
||
| 1534 | this.el = $(options.element); |
||
| 1535 | } |
||
| 1536 | this.options = $.extend({}, this.defaults, options); |
||
| 1537 | if (this.el === null || this.el.length === 0) { |
||
| 1538 | throw new Error("Graph placeholder not found."); |
||
| 1539 | } |
||
| 1540 | if (options.data === void 0 || options.data.length === 0) { |
||
| 1541 | return; |
||
| 1542 | } |
||
| 1543 | this.data = options.data; |
||
| 1544 | this.values = (function() { |
||
| 1545 | var _i, _len, _ref, _results; |
||
| 1546 | _ref = this.data; |
||
| 1547 | _results = []; |
||
| 1548 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { |
||
| 1549 | row = _ref[_i]; |
||
| 1550 | _results.push(parseFloat(row.value)); |
||
| 1551 | } |
||
| 1552 | return _results; |
||
| 1553 | }).call(this); |
||
| 1554 | this.redraw(); |
||
| 1555 | } |
||
| 1556 | |||
| 1557 | Donut.prototype.redraw = function() { |
||
| 1558 | 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; |
||
| 1559 | this.el.empty(); |
||
| 1560 | this.raphael = new Raphael(this.el[0]); |
||
| 1561 | cx = this.el.width() / 2; |
||
| 1562 | cy = this.el.height() / 2; |
||
| 1563 | w = (Math.min(cx, cy) - 10) / 3; |
||
| 1564 | total = 0; |
||
| 1565 | _ref = this.values; |
||
| 1566 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { |
||
| 1567 | value = _ref[_i]; |
||
| 1568 | total += value; |
||
| 1569 | } |
||
| 1570 | min = 5 / (2 * w); |
||
| 1571 | C = 1.9999 * Math.PI - min * this.data.length; |
||
| 1572 | last = 0; |
||
| 1573 | idx = 0; |
||
| 1574 | this.segments = []; |
||
| 1575 | _ref1 = this.values; |
||
| 1576 | for (i = _j = 0, _len1 = _ref1.length; _j < _len1; i = ++_j) { |
||
| 1577 | value = _ref1[i]; |
||
| 1578 | next = last + min + C * (value / total); |
||
| 1579 | seg = new Morris.DonutSegment(cx, cy, w * 2, w, last, next, this.options.colors[idx % this.options.colors.length], this.options.backgroundColor, idx, this.raphael); |
||
| 1580 | seg.render(); |
||
| 1581 | this.segments.push(seg); |
||
| 1582 | seg.on('hover', this.select); |
||
| 1583 | seg.on('click', this.click); |
||
| 1584 | last = next; |
||
| 1585 | idx += 1; |
||
| 1586 | } |
||
| 1587 | this.text1 = this.drawEmptyDonutLabel(cx, cy - 10, this.options.labelColor, 15, 800); |
||
| 1588 | this.text2 = this.drawEmptyDonutLabel(cx, cy + 10, this.options.labelColor, 14); |
||
| 1589 | max_value = Math.max.apply(null, (function() { |
||
| 1590 | var _k, _len2, _ref2, _results; |
||
| 1591 | _ref2 = this.values; |
||
| 1592 | _results = []; |
||
| 1593 | for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) { |
||
| 1594 | value = _ref2[_k]; |
||
| 1595 | _results.push(value); |
||
| 1596 | } |
||
| 1597 | return _results; |
||
| 1598 | }).call(this)); |
||
| 1599 | idx = 0; |
||
| 1600 | _ref2 = this.values; |
||
| 1601 | _results = []; |
||
| 1602 | for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) { |
||
| 1603 | value = _ref2[_k]; |
||
| 1604 | if (value === max_value) { |
||
| 1605 | this.select(idx); |
||
| 1606 | break; |
||
| 1607 | } |
||
| 1608 | _results.push(idx += 1); |
||
| 1609 | } |
||
| 1610 | return _results; |
||
| 1611 | }; |
||
| 1612 | |||
| 1613 | Donut.prototype.click = function(idx) { |
||
| 1614 | return this.fire('click', idx, this.data[idx]); |
||
| 1615 | }; |
||
| 1616 | |||
| 1617 | Donut.prototype.select = function(idx) { |
||
| 1618 | var row, s, segment, _i, _len, _ref; |
||
| 1619 | _ref = this.segments; |
||
| 1620 | for (_i = 0, _len = _ref.length; _i < _len; _i++) { |
||
| 1621 | s = _ref[_i]; |
||
| 1622 | s.deselect(); |
||
| 1623 | } |
||
| 1624 | segment = this.segments[idx]; |
||
| 1625 | segment.select(); |
||
| 1626 | row = this.data[idx]; |
||
| 1627 | return this.setLabels(row.label, this.options.formatter(row.value, row)); |
||
| 1628 | }; |
||
| 1629 | |||
| 1630 | Donut.prototype.setLabels = function(label1, label2) { |
||
| 1631 | var inner, maxHeightBottom, maxHeightTop, maxWidth, text1bbox, text1scale, text2bbox, text2scale; |
||
| 1632 | inner = (Math.min(this.el.width() / 2, this.el.height() / 2) - 10) * 2 / 3; |
||
| 1633 | maxWidth = 1.8 * inner; |
||
| 1634 | maxHeightTop = inner / 2; |
||
| 1635 | maxHeightBottom = inner / 3; |
||
| 1636 | this.text1.attr({ |
||
| 1637 | text: label1, |
||
| 1638 | transform: '' |
||
| 1639 | }); |
||
| 1640 | text1bbox = this.text1.getBBox(); |
||
| 1641 | text1scale = Math.min(maxWidth / text1bbox.width, maxHeightTop / text1bbox.height); |
||
| 1642 | this.text1.attr({ |
||
| 1643 | transform: "S" + text1scale + "," + text1scale + "," + (text1bbox.x + text1bbox.width / 2) + "," + (text1bbox.y + text1bbox.height) |
||
| 1644 | }); |
||
| 1645 | this.text2.attr({ |
||
| 1646 | text: label2, |
||
| 1647 | transform: '' |
||
| 1648 | }); |
||
| 1649 | text2bbox = this.text2.getBBox(); |
||
| 1650 | text2scale = Math.min(maxWidth / text2bbox.width, maxHeightBottom / text2bbox.height); |
||
| 1651 | return this.text2.attr({ |
||
| 1652 | transform: "S" + text2scale + "," + text2scale + "," + (text2bbox.x + text2bbox.width / 2) + "," + text2bbox.y |
||
| 1653 | }); |
||
| 1654 | }; |
||
| 1655 | |||
| 1656 | Donut.prototype.drawEmptyDonutLabel = function(xPos, yPos, color, fontSize, fontWeight) { |
||
| 1657 | var text; |
||
| 1658 | text = this.raphael.text(xPos, yPos, '').attr('font-size', fontSize).attr('fill', color); |
||
| 1659 | if (fontWeight != null) { |
||
| 1660 | text.attr('font-weight', fontWeight); |
||
| 1661 | } |
||
| 1662 | return text; |
||
| 1663 | }; |
||
| 1664 | |||
| 1665 | return Donut; |
||
| 1666 | |||
| 1667 | })(Morris.EventEmitter); |
||
| 1668 | |||
| 1669 | Morris.DonutSegment = (function(_super) { |
||
| 1670 | |||
| 1671 | __extends(DonutSegment, _super); |
||
| 1672 | |||
| 1673 | function DonutSegment(cx, cy, inner, outer, p0, p1, color, backgroundColor, index, raphael) { |
||
| 1674 | this.cx = cx; |
||
| 1675 | this.cy = cy; |
||
| 1676 | this.inner = inner; |
||
| 1677 | this.outer = outer; |
||
| 1678 | this.color = color; |
||
| 1679 | this.backgroundColor = backgroundColor; |
||
| 1680 | this.index = index; |
||
| 1681 | this.raphael = raphael; |
||
| 1682 | this.deselect = __bind(this.deselect, this); |
||
| 1683 | |||
| 1684 | this.select = __bind(this.select, this); |
||
| 1685 | |||
| 1686 | this.sin_p0 = Math.sin(p0); |
||
| 1687 | this.cos_p0 = Math.cos(p0); |
||
| 1688 | this.sin_p1 = Math.sin(p1); |
||
| 1689 | this.cos_p1 = Math.cos(p1); |
||
| 1690 | this.is_long = (p1 - p0) > Math.PI ? 1 : 0; |
||
| 1691 | this.path = this.calcSegment(this.inner + 3, this.inner + this.outer - 5); |
||
| 1692 | this.selectedPath = this.calcSegment(this.inner + 3, this.inner + this.outer); |
||
| 1693 | this.hilight = this.calcArc(this.inner); |
||
| 1694 | } |
||
| 1695 | |||
| 1696 | DonutSegment.prototype.calcArcPoints = function(r) { |
||
| 1697 | 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]; |
||
| 1698 | }; |
||
| 1699 | |||
| 1700 | DonutSegment.prototype.calcSegment = function(r1, r2) { |
||
| 1701 | var ix0, ix1, iy0, iy1, ox0, ox1, oy0, oy1, _ref, _ref1; |
||
| 1702 | _ref = this.calcArcPoints(r1), ix0 = _ref[0], iy0 = _ref[1], ix1 = _ref[2], iy1 = _ref[3]; |
||
| 1703 | _ref1 = this.calcArcPoints(r2), ox0 = _ref1[0], oy0 = _ref1[1], ox1 = _ref1[2], oy1 = _ref1[3]; |
||
| 1704 | 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"; |
||
| 1705 | }; |
||
| 1706 | |||
| 1707 | DonutSegment.prototype.calcArc = function(r) { |
||
| 1708 | var ix0, ix1, iy0, iy1, _ref; |
||
| 1709 | _ref = this.calcArcPoints(r), ix0 = _ref[0], iy0 = _ref[1], ix1 = _ref[2], iy1 = _ref[3]; |
||
| 1710 | return ("M" + ix0 + "," + iy0) + ("A" + r + "," + r + ",0," + this.is_long + ",0," + ix1 + "," + iy1); |
||
| 1711 | }; |
||
| 1712 | |||
| 1713 | DonutSegment.prototype.render = function() { |
||
| 1714 | var _this = this; |
||
| 1715 | this.arc = this.drawDonutArc(this.hilight, this.color); |
||
| 1716 | return this.seg = this.drawDonutSegment(this.path, this.color, this.backgroundColor, function() { |
||
| 1717 | return _this.fire('hover', _this.index); |
||
| 1718 | }, function() { |
||
| 1719 | return _this.fire('click', _this.index); |
||
| 1720 | }); |
||
| 1721 | }; |
||
| 1722 | |||
| 1723 | DonutSegment.prototype.drawDonutArc = function(path, color) { |
||
| 1724 | return this.raphael.path(path).attr({ |
||
| 1725 | stroke: color, |
||
| 1726 | 'stroke-width': 2, |
||
| 1727 | opacity: 0 |
||
| 1728 | }); |
||
| 1729 | }; |
||
| 1730 | |||
| 1731 | DonutSegment.prototype.drawDonutSegment = function(path, fillColor, strokeColor, hoverFunction, clickFunction) { |
||
| 1732 | return this.raphael.path(path).attr({ |
||
| 1733 | fill: fillColor, |
||
| 1734 | stroke: strokeColor, |
||
| 1735 | 'stroke-width': 3 |
||
| 1736 | }).hover(hoverFunction).click(clickFunction); |
||
| 1737 | }; |
||
| 1738 | |||
| 1739 | DonutSegment.prototype.select = function() { |
||
| 1740 | if (!this.selected) { |
||
| 1741 | this.seg.animate({ |
||
| 1742 | path: this.selectedPath |
||
| 1743 | }, 150, '<>'); |
||
| 1744 | this.arc.animate({ |
||
| 1745 | opacity: 1 |
||
| 1746 | }, 150, '<>'); |
||
| 1747 | return this.selected = true; |
||
| 1748 | } |
||
| 1749 | }; |
||
| 1750 | |||
| 1751 | DonutSegment.prototype.deselect = function() { |
||
| 1752 | if (this.selected) { |
||
| 1753 | this.seg.animate({ |
||
| 1754 | path: this.path |
||
| 1755 | }, 150, '<>'); |
||
| 1756 | this.arc.animate({ |
||
| 1757 | opacity: 0 |
||
| 1758 | }, 150, '<>'); |
||
| 1759 | return this.selected = false; |
||
| 1760 | } |
||
| 1761 | }; |
||
| 1762 | |||
| 1763 | return DonutSegment; |
||
| 1764 | |||
| 1765 | })(Morris.EventEmitter); |
||
| 1766 | |||
| 1767 | }).call(this); |
||
| 1768 |
Loading history...