From 53b0cf721385a96333ad1a082acb92374b3c40e5 Mon Sep 17 00:00:00 2001 From: almossawi Date: Wed, 25 Mar 2015 09:36:42 -0700 Subject: [PATCH] Update files for issue #358 --- dist/metricsgraphics.js | 5050 ----------------------------------- dist/metricsgraphics.min.js | 3 - 2 files changed, 5053 deletions(-) delete mode 100644 dist/metricsgraphics.js delete mode 100644 dist/metricsgraphics.min.js diff --git a/dist/metricsgraphics.js b/dist/metricsgraphics.js deleted file mode 100644 index 246f4a30cc..0000000000 --- a/dist/metricsgraphics.js +++ /dev/null @@ -1,5050 +0,0 @@ -(function() { - "use strict"; - (function(root, factory) { - if (typeof define === 'function' && define.amd) { - define(['d3', 'jquery'], factory); - } else if (typeof exports === 'object') { - module.exports = factory(require('d3'), require('jquery')); - } else { - root.MG = factory(root.d3, root.jQuery); - } - }(this, function(d3, $) { - window.MG = {version: '2.2.1'}; - - var charts = {}; - - MG.globals = {}; - MG.deprecations = { - rollover_callback: { replacement: 'mouseover', version: '2.0' }, - rollout_callback: { replacement: 'mouseout', version: '2.0' }, - show_years: { replacement: 'show_secondary_x_label', version: '2.1' } - }; - MG.globals.link = false; - MG.globals.version = "1.1"; - - MG.data_graphic = function() { - 'use strict'; - var defaults = {}; - defaults.all = { - missing_is_zero: false, // if true, missing values will be treated as zeros - missing_is_hidden: false, // if true, missing values will appear as broken segments - legend: '' , // an array identifying the labels for a chart's lines - legend_target: '', // if set, the specified element is populated with a legend - error: '', // if set, a graph will show an error icon and log the error to the console - animate_on_load: false, // animate lines on load - top: 40, // the size of the top margin - bottom: 30, // the size of the bottom margin - right: 10, // size of the right margin - left: 50, // size of the left margin - buffer: 8, // the buffer between the actual chart area and the margins - width: 350, // the width of the entire graphic - height: 220, // the height of the entire graphic - full_width: false, // sets the graphic width to be the width of the parent element and resizes dynamically - full_height: false, // sets the graphic width to be the width of the parent element and resizes dynamically - small_height_threshold: 120, // the height threshold for when smaller text appears - small_width_threshold: 160, // the width threshold for when smaller text appears - small_text: false, // coerces small text regardless of graphic size - xax_count: 6, // number of x axis ticks - xax_tick_length: 5, // x axis tick length - xax_start_at_min: false, - yax_count: 5, // number of y axis ticks - yax_tick_length: 5, // y axis tick length - x_extended_ticks: false, // extends x axis ticks across chart - useful for tall charts - y_extended_ticks: false, // extends y axis ticks across chart - useful for long charts - y_scale_type: 'linear', - max_x: null, - max_y: null, - min_x: null, - min_y: null, // if set, y axis starts at an arbitrary value - min_y_from_data: false, // if set, y axis will start at minimum value rather than at 0 - point_size: 2.5, // the size of the dot that appears on a line on mouse-over - x_accessor: 'date', - xax_units: '', - x_label: '', - x_axis: true, - y_axis: true, - y_accessor: 'value', - y_label: '', - yax_units: '', - x_rug: false, - y_rug: false, - transition_on_update: true, - mouseover: null, - show_rollover_text: true, - show_confidence_band: null, // given [l, u] shows a confidence at each point from l to u - xax_format: null, // xax_format is a function that formats the labels for the x axis. - area: true, - chart_type: 'line', - data: [], - decimals: 2, // the number of decimals in any rollover - format: 'count', // format = {count, percentage} - inflator: 10/9, // for setting y axis max - linked: false, // links together all other graphs with linked:true, so rollovers in one trigger rollovers in the others - linked_format: '%Y-%m-%d', // What granularity to link on for graphs. Default is at day - list: false, - baselines: null, // sets the baseline lines - markers: null, // sets the marker lines - scalefns: {}, - scales: {}, - show_year_marker: false, - show_secondary_x_label: true, - target: '#viz', - interpolate: 'cardinal', // interpolation method to use when rendering lines - interpolate_tension: 0.7, // its range is from 0 to 1; increase if your data is irregular and you notice artifacts - custom_line_color_map: [], // allows arbitrary mapping of lines to colors, e.g. [2,3] will map line 1 to color 2 and line 2 to color 3 - max_data_size: null, // explicitly specify the the max number of line series, for use with custom_line_color_map - aggregate_rollover: false, // links the lines in a multi-line chart - show_tooltips: true // if enabled, a chart's description will appear in a tooltip (requires jquery) - }; - - defaults.point = { - buffer: 16, - ls: false, - lowess: false, - point_size: 2.5, - size_accessor: null, - color_accessor: null, - size_range: null, // when we set a size_accessor option, this array determines the size range, e.g. [1,5] - color_range: null, // e.g. ['blue', 'red'] to color different groups of points - size_domain: null, - color_domain: null, - color_type: 'number' // can be either 'number' - the color scale is quantitative - or 'category' - the color scale is qualitative. - }; - - defaults.histogram = { - mouseover: function(d, i) { - d3.select('#histogram svg .mg-active-datapoint') - .text('Frequency Count: ' + d.y); - }, - binned: false, - bins: null, - processed_x_accessor: 'x', - processed_y_accessor: 'y', - processed_dx_accessor: 'dx', - bar_margin: 1 - }; - - defaults.bar = { - y_accessor: 'factor', - x_accessor: 'value', - baseline_accessor: null, - predictor_accessor: null, - predictor_proportion: 5, - dodge_accessor: null, - binned: true, - padding_percentage: 0, - outer_padding_percentage: 0.1, - height: 500, - top: 20, - bar_height: 20, - left: 70 - }; - - defaults.missing = { - top: 40, // the size of the top margin - bottom: 30, // the size of the bottom margin - right: 10, // size of the right margin - left: 10, // size of the left margin - buffer: 8, // the buffer between the actual chart area and the margins - legend_target: '', - width: 350, - height: 220, - missing_text: 'Data currently missing or unavailable', - scalefns: {}, - scales: {}, - show_missing_background: true, - interpolate: 'cardinal' - }; - - var args = arguments[0]; - if (!args) { args = {}; } - - if (args.list) { - args.x_accessor = 0; - args.y_accessor = 1; - } - - // check for deprecated parameters - for (var key in MG.deprecations) { - if (args.hasOwnProperty(key)) { - var deprecation = MG.deprecations[key], - message = 'Use of `args.' + key + '` has been deprecated', - replacement = deprecation.replacement, - version; - - // transparently alias the deprecated - if (replacement) { - if (args[replacement]) { - message += '. The replacement - `args.' + replacement + '` - has already been defined. This definition will be discarded.'; - } else { - args[replacement] = args[key]; - } - } - - if (deprecation.warned) { - continue; - } - - deprecation.warned = true; - - if (replacement) { - message += ' in favor of `args.' + replacement + '`'; - } - - warnDeprecation(message, deprecation.version); - } - } - - //build the chart - var a; - if (args.chart_type === 'missing-data') { - args = merge_with_defaults(args, defaults.missing); - charts.missing(args); - } - else if (args.chart_type === 'point') { - a = merge_with_defaults(defaults.point, defaults.all); - args = merge_with_defaults(args, a); - charts.point(args).mainPlot().markers().rollover().windowListeners(); - } - else if (args.chart_type === 'histogram') { - a = merge_with_defaults(defaults.histogram, defaults.all); - args = merge_with_defaults(args, a); - charts.histogram(args).mainPlot().markers().rollover().windowListeners(); - } - else if (args.chart_type === 'bar') { - a = merge_with_defaults(defaults.bar, defaults.all); - args = merge_with_defaults(args, a); - charts.bar(args).mainPlot().markers().rollover().windowListeners(); - } - else { - args = merge_with_defaults(args, defaults.all); - charts.line(args).markers().mainPlot().rollover().windowListeners(); - } - - return args.data; - }; - - if (typeof jQuery !== 'undefined') { - /*! - * Bootstrap v3.3.1 (http://getbootstrap.com) - * Copyright 2011-2014 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - */ - - /*! - * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=698666b23215c58f23d4) - * Config saved to config.json and https://gist.github.com/698666b23215c58f23d4 - */ - - /* ======================================================================== - * Bootstrap: tooltip.js v3.3.1 - * http://getbootstrap.com/javascript/#tooltip - * Inspired by the original jQuery.tipsy by Jason Frame - * ======================================================================== - * Copyright 2011-2014 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - - - +function ($) { - 'use strict'; - - if(typeof $().tooltip == 'function') - return true; - - // TOOLTIP PUBLIC CLASS DEFINITION - // =============================== - - var Tooltip = function (element, options) { - this.type = - this.options = - this.enabled = - this.timeout = - this.hoverState = - this.$element = null; - - this.init('tooltip', element, options); - }; - - Tooltip.VERSION = '3.3.1'; - - Tooltip.TRANSITION_DURATION = 150; - - Tooltip.DEFAULTS = { - animation: true, - placement: 'top', - selector: false, - template: '', - trigger: 'hover focus', - title: '', - delay: 0, - html: false, - container: false, - viewport: { - selector: 'body', - padding: 0 - } - }; - - Tooltip.prototype.init = function (type, element, options) { - this.enabled = true; - this.type = type; - this.$element = $(element); - this.options = this.getOptions(options); - this.$viewport = this.options.viewport && $(this.options.viewport.selector || this.options.viewport); - - var triggers = this.options.trigger.split(' '); - - for (var i = triggers.length; i--;) { - var trigger = triggers[i]; - - if (trigger == 'click') { - this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)); - } else if (trigger != 'manual') { - var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin'; - var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'; - - this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)); - this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)); - } - } - - this.options.selector ? - (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : - this.fixTitle(); - }; - - Tooltip.prototype.getDefaults = function () { - return Tooltip.DEFAULTS; - }; - - Tooltip.prototype.getOptions = function (options) { - options = $.extend({}, this.getDefaults(), this.$element.data(), options); - - if (options.delay && typeof options.delay == 'number') { - options.delay = { - show: options.delay, - hide: options.delay - }; - } - - return options; - }; - - Tooltip.prototype.getDelegateOptions = function () { - var options = {}; - var defaults = this.getDefaults(); - - this._options && $.each(this._options, function (key, value) { - if (defaults[key] != value) options[key] = value; - }); - - return options; - }; - - Tooltip.prototype.enter = function (obj) { - var self = obj instanceof this.constructor ? - obj : $(obj.currentTarget).data('bs.' + this.type); - - if (self && self.$tip && self.$tip.is(':visible')) { - self.hoverState = 'in'; - return; - } - - if (!self) { - self = new this.constructor(obj.currentTarget, this.getDelegateOptions()); - $(obj.currentTarget).data('bs.' + this.type, self); - } - - clearTimeout(self.timeout); - - self.hoverState = 'in'; - - if (!self.options.delay || !self.options.delay.show) return self.show(); - - self.timeout = setTimeout(function () { - if (self.hoverState == 'in') self.show(); - }, self.options.delay.show); - }; - - Tooltip.prototype.leave = function (obj) { - var self = obj instanceof this.constructor ? - obj : $(obj.currentTarget).data('bs.' + this.type); - - if (!self) { - self = new this.constructor(obj.currentTarget, this.getDelegateOptions()); - $(obj.currentTarget).data('bs.' + this.type, self); - } - - clearTimeout(self.timeout); - - self.hoverState = 'out'; - - if (!self.options.delay || !self.options.delay.hide) return self.hide(); - - self.timeout = setTimeout(function () { - if (self.hoverState == 'out') self.hide(); - }, self.options.delay.hide); - }; - - Tooltip.prototype.show = function () { - var e = $.Event('show.bs.' + this.type); - - if (this.hasContent() && this.enabled) { - this.$element.trigger(e); - - var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0]); - if (e.isDefaultPrevented() || !inDom) return; - var that = this; - - var $tip = this.tip(); - - var tipId = this.getUID(this.type); - - this.setContent(); - $tip.attr('id', tipId); - this.$element.attr('aria-describedby', tipId); - - if (this.options.animation) $tip.addClass('fade'); - - var placement = typeof this.options.placement == 'function' ? - this.options.placement.call(this, $tip[0], this.$element[0]) : - this.options.placement; - - var autoToken = /\s?auto?\s?/i; - var autoPlace = autoToken.test(placement); - if (autoPlace) placement = placement.replace(autoToken, '') || 'top'; - - $tip - .detach() - .css({ top: 0, left: 0, display: 'block' }) - .addClass(placement) - .data('bs.' + this.type, this); - - this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element); - - var pos = this.getPosition(); - var actualWidth = $tip[0].offsetWidth; - var actualHeight = $tip[0].offsetHeight; - - if (autoPlace) { - var orgPlacement = placement; - var $container = this.options.container ? $(this.options.container) : this.$element.parent(); - var containerDim = this.getPosition($container); - - placement = placement == 'bottom' && pos.bottom + actualHeight > containerDim.bottom ? 'top' : - placement == 'top' && pos.top - actualHeight < containerDim.top ? 'bottom' : - placement == 'right' && pos.right + actualWidth > containerDim.width ? 'left' : - placement == 'left' && pos.left - actualWidth < containerDim.left ? 'right' : - placement; - - $tip - .removeClass(orgPlacement) - .addClass(placement); - } - - var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight); - - this.applyPlacement(calculatedOffset, placement); - - var complete = function () { - var prevHoverState = that.hoverState; - that.$element.trigger('shown.bs.' + that.type); - that.hoverState = null; - - if (prevHoverState == 'out') that.leave(that); - }; - - $.support.transition && this.$tip.hasClass('fade') ? - $tip - .one('bsTransitionEnd', complete) - .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : - complete(); - } - }; - - Tooltip.prototype.applyPlacement = function (offset, placement) { - var $tip = this.tip(); - var width = $tip[0].offsetWidth; - var height = $tip[0].offsetHeight; - - // manually read margins because getBoundingClientRect includes difference - var marginTop = parseInt($tip.css('margin-top'), 10); - var marginLeft = parseInt($tip.css('margin-left'), 10); - - // we must check for NaN for ie 8/9 - if (isNaN(marginTop)) marginTop = 0; - if (isNaN(marginLeft)) marginLeft = 0; - - offset.top = offset.top + marginTop; - offset.left = offset.left + marginLeft; - - // $.fn.offset doesn't round pixel values - // so we use setOffset directly with our own function B-0 - $.offset.setOffset($tip[0], $.extend({ - using: function (props) { - $tip.css({ - top: Math.round(props.top), - left: Math.round(props.left) - }); - } - }, offset), 0); - - $tip.addClass('in'); - - // check to see if placing tip in new offset caused the tip to resize itself - var actualWidth = $tip[0].offsetWidth; - var actualHeight = $tip[0].offsetHeight; - - if (placement == 'top' && actualHeight != height) { - offset.top = offset.top + height - actualHeight; - } - - var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight); - - if (delta.left) offset.left += delta.left; - else offset.top += delta.top; - - var isVertical = /top|bottom/.test(placement); - var arrowDelta = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight; - var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight'; - - $tip.offset(offset); - this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], isVertical); - }; - - Tooltip.prototype.replaceArrow = function (delta, dimension, isHorizontal) { - this.arrow() - .css(isHorizontal ? 'left' : 'top', 50 * (1 - delta / dimension) + '%') - .css(isHorizontal ? 'top' : 'left', ''); - }; - - Tooltip.prototype.setContent = function () { - var $tip = this.tip(); - var title = this.getTitle(); - - $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title); - $tip.removeClass('fade in top bottom left right'); - }; - - Tooltip.prototype.hide = function (callback) { - var that = this; - var $tip = this.tip(); - var e = $.Event('hide.bs.' + this.type); - - function complete() { - if (that.hoverState != 'in') $tip.detach(); - that.$element - .removeAttr('aria-describedby') - .trigger('hidden.bs.' + that.type); - callback && callback(); - } - - this.$element.trigger(e); - - if (e.isDefaultPrevented()) return; - - $tip.removeClass('in'); - - $.support.transition && this.$tip.hasClass('fade') ? - $tip - .one('bsTransitionEnd', complete) - .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : - complete(); - - this.hoverState = null; - - return this; - }; - - Tooltip.prototype.fixTitle = function () { - var $e = this.$element; - if ($e.attr('title') || typeof ($e.attr('data-original-title')) != 'string') { - $e.attr('data-original-title', $e.attr('title') || '').attr('title', ''); - } - }; - - Tooltip.prototype.hasContent = function () { - return this.getTitle(); - }; - - Tooltip.prototype.getPosition = function ($element) { - $element = $element || this.$element; - - var el = $element[0]; - var isBody = el.tagName == 'BODY'; - - var elRect = el.getBoundingClientRect(); - if (elRect.width == null) { - // width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093 - elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top }); - } - var elOffset = isBody ? { top: 0, left: 0 } : $element.offset(); - var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() }; - var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null; - - return $.extend({}, elRect, scroll, outerDims, elOffset); - }; - - Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { - return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : - placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : - placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : - /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }; - - }; - - Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) { - var delta = { top: 0, left: 0 }; - if (!this.$viewport) return delta; - - var viewportPadding = this.options.viewport && this.options.viewport.padding || 0; - var viewportDimensions = this.getPosition(this.$viewport); - - if (/right|left/.test(placement)) { - var topEdgeOffset = pos.top - viewportPadding - viewportDimensions.scroll; - var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight; - if (topEdgeOffset < viewportDimensions.top) { // top overflow - delta.top = viewportDimensions.top - topEdgeOffset; - } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow - delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset; - } - } else { - var leftEdgeOffset = pos.left - viewportPadding; - var rightEdgeOffset = pos.left + viewportPadding + actualWidth; - if (leftEdgeOffset < viewportDimensions.left) { // left overflow - delta.left = viewportDimensions.left - leftEdgeOffset; - } else if (rightEdgeOffset > viewportDimensions.width) { // right overflow - delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset; - } - } - - return delta; - }; - - Tooltip.prototype.getTitle = function () { - var title; - var $e = this.$element; - var o = this.options; - - title = $e.attr('data-original-title') - || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title); - - return title; - }; - - Tooltip.prototype.getUID = function (prefix) { - do prefix += ~~(Math.random() * 1000000); - while (document.getElementById(prefix)); - return prefix; - }; - - Tooltip.prototype.tip = function () { - return (this.$tip = this.$tip || $(this.options.template)); - }; - - Tooltip.prototype.arrow = function () { - return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')); - }; - - Tooltip.prototype.enable = function () { - this.enabled = true; - }; - - Tooltip.prototype.disable = function () { - this.enabled = false; - }; - - Tooltip.prototype.toggleEnabled = function () { - this.enabled = !this.enabled; - }; - - Tooltip.prototype.toggle = function (e) { - var self = this; - if (e) { - self = $(e.currentTarget).data('bs.' + this.type); - if (!self) { - self = new this.constructor(e.currentTarget, this.getDelegateOptions()); - $(e.currentTarget).data('bs.' + this.type, self); - } - } - - self.tip().hasClass('in') ? self.leave(self) : self.enter(self); - }; - - Tooltip.prototype.destroy = function () { - var that = this; - clearTimeout(this.timeout); - this.hide(function () { - that.$element.off('.' + that.type).removeData('bs.' + that.type); - }); - }; - - - // TOOLTIP PLUGIN DEFINITION - // ========================= - - function Plugin(option) { - return this.each(function () { - var $this = $(this); - var data = $this.data('bs.tooltip'); - var options = typeof option == 'object' && option; - var selector = options && options.selector; - - if (!data && option == 'destroy') return; - if (selector) { - if (!data) $this.data('bs.tooltip', (data = {})); - if (!data[selector]) data[selector] = new Tooltip(this, options); - } else { - if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))); - } - if (typeof option == 'string') data[option](); - }); - } - - var old = $.fn.tooltip; - - $.fn.tooltip = Plugin; - $.fn.tooltip.Constructor = Tooltip; - - - // TOOLTIP NO CONFLICT - // =================== - - $.fn.tooltip.noConflict = function () { - $.fn.tooltip = old; - return this; - }; - - }(jQuery); - - /* ======================================================================== - * Bootstrap: popover.js v3.3.1 - * http://getbootstrap.com/javascript/#popovers - * ======================================================================== - * Copyright 2011-2014 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - - - +function ($) { - 'use strict'; - - if(typeof $().popover == 'function') - return true; - - // POPOVER PUBLIC CLASS DEFINITION - // =============================== - - var Popover = function (element, options) { - this.init('popover', element, options); - }; - - if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js'); - - Popover.VERSION = '3.3.1'; - - Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { - placement: 'right', - trigger: 'click', - content: '', - template: '' - }); - - - // NOTE: POPOVER EXTENDS tooltip.js - // ================================ - - Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype); - - Popover.prototype.constructor = Popover; - - Popover.prototype.getDefaults = function () { - return Popover.DEFAULTS; - }; - - Popover.prototype.setContent = function () { - var $tip = this.tip(); - var title = this.getTitle(); - var content = this.getContent(); - - $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title); - $tip.find('.popover-content').children().detach().end()[ // we use append for html objects to maintain js events - this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text' - ](content); - - $tip.removeClass('fade top bottom left right in'); - - // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do - // this manually by checking the contents. - if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide(); - }; - - Popover.prototype.hasContent = function () { - return this.getTitle() || this.getContent(); - }; - - Popover.prototype.getContent = function () { - var $e = this.$element; - var o = this.options; - - return $e.attr('data-content') - || (typeof o.content == 'function' ? - o.content.call($e[0]) : - o.content); - }; - - Popover.prototype.arrow = function () { - return (this.$arrow = this.$arrow || this.tip().find('.arrow')); - }; - - Popover.prototype.tip = function () { - if (!this.$tip) this.$tip = $(this.options.template); - return this.$tip; - }; - - - // POPOVER PLUGIN DEFINITION - // ========================= - - function Plugin(option) { - return this.each(function () { - var $this = $(this); - var data = $this.data('bs.popover'); - var options = typeof option == 'object' && option; - var selector = options && options.selector; - - if (!data && option == 'destroy') return; - if (selector) { - if (!data) $this.data('bs.popover', (data = {})); - if (!data[selector]) data[selector] = new Popover(this, options); - } else { - if (!data) $this.data('bs.popover', (data = new Popover(this, options))); - } - if (typeof option == 'string') data[option](); - }); - } - - var old = $.fn.popover; - - $.fn.popover = Plugin; - $.fn.popover.Constructor = Popover; - - - // POPOVER NO CONFLICT - // =================== - - $.fn.popover.noConflict = function () { - $.fn.popover = old; - return this; - }; - - }(jQuery); - } - function chart_title(args) { - 'use strict'; - - var container = d3.select(args.target); - - // remove the current title if it exists - container.select('.mg-chart-title').remove(); - - if (args.target && args.title) { - //only show question mark if there's a description - var optional_question_mark = (args.show_tooltips && args.description) - ? '' - : ''; - - container.insert('h2', ':first-child') - .attr('class', 'mg-chart-title') - .html(args.title + optional_question_mark); - - //activate the question mark if we have a description - if (args.show_tooltips && args.description) { - var $newTitle = $(container.node()).find('h2.mg-chart-title'); - - $newTitle.popover({ - html: true, - animation: false, - content: args.description, - trigger: 'hover', - placement: 'top', - container: $newTitle - }); - } - } - - if (args.error) { - error(args); - } - } - - function y_rug(args) { - 'use strict'; - var svg = mg_get_svg_child_of(args.target); - - var buffer_size = args.chart_type === 'point' - ? args.buffer / 2 - : args.buffer * 2 / 3; - - var all_data = []; - for (var i = 0; i < args.data.length; i++) { - for (var j = 0; j < args.data[i].length; j++) { - all_data.push(args.data[i][j]); - } - } - - var rug = svg.selectAll('line.mg-y-rug').data(all_data); - - //set the attributes that do not change after initialization, per - //D3's general update pattern - rug.enter().append('svg:line') - .attr('class', 'mg-y-rug') - .attr('opacity', 0.3); - - //remove rug elements that are no longer in use - rug.exit().remove(); - - //set coordinates of new rug elements - rug.exit().remove(); - - rug.attr('x1', args.left + 1) - .attr('x2', args.left+buffer_size) - .attr('y1', args.scalefns.yf) - .attr('y2', args.scalefns.yf); - - if (args.color_accessor) { - rug.attr('stroke', args.scalefns.color); - rug.classed('mg-y-rug-mono', false); - } else { - rug.attr('stroke', null); - rug.classed('mg-y-rug-mono', true); - } - } - - function y_axis(args) { - if (!args.processed) { - args.processed = {}; - } - - var svg = mg_get_svg_child_of(args.target); - - var g; - - var min_y, - max_y; - - args.scalefns.yf = function(di) { - //since we want to show actual zeros when missing_is_hidden is on - if(args.missing_is_hidden && di['missing']) { - return args.scales.Y(di[args.y_accessor]) + 42.1234; - } - - return args.scales.Y(di[args.y_accessor]); - }; - - var _set = false, - gtZeroFilter = function(d) { return d[args.y_accessor] > 0; }, - mapToY = function(d) { return d[args.y_accessor]; }; - for (var i = 0; i < args.data.length; i++) { - var a = args.data[i]; - - if (args.y_scale_type === 'log') { - // filter positive values - a = a.filter(gtZeroFilter); - } - - if (a.length > 0) { // get min/max in one pass - var extent = d3.extent(a, mapToY); - - if (!_set) { - // min_y and max_y haven't been set - min_y = extent[0]; - max_y = extent[1]; - _set = true; - } else { - min_y = Math.min(extent[0], min_y); - max_y = Math.max(extent[1], max_y); - } - } - } - - // the default case is for the y-axis to start at 0, unless we explicitly want it - // to start at an arbitrary number or from the data's minimum value - if (min_y >= 0 && !args.min_y && !args.min_y_from_data) { - min_y = 0; - } - - if (args.chart_type === 'bar') { - min_y = 0; - max_y = d3.max(args.data[0], function(d) { - var trio = []; - trio.push(d[args.y_accessor]); - - if (args.baseline_accessor !== null) { - trio.push(d[args.baseline_accessor]); - } - - if (args.predictor_accessor !== null) { - trio.push(d[args.predictor_accessor]); - } - - return Math.max.apply(null, trio); - }); - } - //if a min_y or max_y have been set, use those instead - min_y = args.min_y !== null ? args.min_y : min_y; - max_y = args.max_y !== null ? args.max_y : max_y * args.inflator; - if (args.y_scale_type !== 'log') { - //we are currently saying that if the min val > 0, set 0 as min y - if (min_y >= 0) { - args.y_axis_negative = false; - } else { - min_y = min_y - (max_y * (args.inflator - 1)); - args.y_axis_negative = true; - } - } - - if (!args.min_y && args.min_y_from_data) { - min_y = min_y / args.inflator; - } - - if (args.y_scale_type === 'log') { - if (args.chart_type === 'histogram') { - // log histogram plots should start just below 1 - // so that bins with single counts are visible - min_y = 0.2; - } else { - if (min_y <= 0) { - min_y = 1; - } - } - args.scales.Y = d3.scale.log() - .domain([min_y, max_y]) - .range([args.height - args.bottom - args.buffer, args.top]) - .clamp(true); - } else { - args.scales.Y = d3.scale.linear() - .domain([min_y, max_y]) - .range([args.height - args.bottom - args.buffer, args.top]); - } - args.processed.min_y = min_y; - args.processed.max_y = max_y; - //used for ticks and such, and designed to be paired with log or linear - args.scales.Y_axis = d3.scale.linear() - .domain([args.processed.min_y, args.processed.max_y]) - .range([args.height - args.bottom - args.buffer, args.top]); - - var yax_format = args.yax_format; - if (!yax_format) { - if (args.format === 'count') { - yax_format = function(f) { - if (f < 1.0) { - // Don't scale tiny values. - return args.yax_units + d3.round(f, args.decimals); - } else { - var pf = d3.formatPrefix(f); - return args.yax_units + pf.scale(f) + pf.symbol; - } - }; - } else { //percentage - yax_format = function(d_) { - var n = d3.format('%p'); - return n(d_); - }; - } - } - - //remove the old y-axis, add new one - svg.selectAll('.mg-y-axis').remove(); - - if (!args.y_axis) { - return this; - } - - //y axis - g = svg.append('g') - .classed('mg-y-axis', true) - .classed('mg-y-axis-small', args.use_small_class); - - //are we adding a label? - if (args.y_label) { - g.append('text') - .attr('class', 'label') - .attr('x', function() { - return -1 * (args.top + args.buffer + - ((args.height - args.bottom - args.buffer) - - (args.top + args.buffer)) / 2); - }) - .attr('y', function() { - return args.left / 2; - }) - .attr("dy", "0.4em") - .attr('text-anchor', 'middle') - .text(function(d) { - return args.y_label; - }) - .attr("transform", function(d) { - return "rotate(-90)"; - }); - } - - var scale_ticks = args.scales.Y.ticks(args.yax_count); - - function log10(val) { - if (val === 1000) { - return 3; - } - if (val === 1000000) { - return 7; - } - return Math.log(val) / Math.LN10; - } - - if (args.y_scale_type === 'log') { - // get out only whole logs - scale_ticks = scale_ticks.filter(function(d) { - return Math.abs(log10(d)) % 1 < 1e-6 || Math.abs(log10(d)) % 1 > 1-1e-6; - }); - } - - //filter out fraction ticks if our data is ints and if ymax > number of generated ticks - var number_of_ticks = args.scales.Y.ticks(args.yax_count).length; - - //is our data object all ints? - var data_is_int = true; - args.data.forEach(function(d, i) { - d.forEach(function(d, i) { - if (d[args.y_accessor] % 1 !== 0) { - data_is_int = false; - return false; - } - }); - }); - - if (data_is_int && number_of_ticks > max_y && args.format === 'count') { - //remove non-integer ticks - scale_ticks = scale_ticks.filter(function(d) { - return d % 1 === 0; - }); - } - - var last_i = scale_ticks.length - 1; - if (!args.x_extended_ticks && !args.y_extended_ticks) { - g.append('line') - .attr('x1', args.left) - .attr('x2', args.left) - .attr('y1', args.scales.Y(scale_ticks[0]).toFixed(2)) - .attr('y2', args.scales.Y(scale_ticks[last_i]).toFixed(2)); - } - - //add y ticks - g.selectAll('.mg-yax-ticks') - .data(scale_ticks).enter() - .append('line') - .classed('mg-extended-y-ticks', args.y_extended_ticks) - .attr('x1', args.left) - .attr('x2', function() { - return (args.y_extended_ticks) - ? args.width - args.right - : args.left - args.yax_tick_length; - }) - .attr('y1', function(d) { return args.scales.Y(d).toFixed(2); }) - .attr('y2', function(d) { return args.scales.Y(d).toFixed(2); }); - - g.selectAll('.mg-yax-labels') - .data(scale_ticks).enter() - .append('text') - .attr('x', args.left - args.yax_tick_length * 3 / 2) - .attr('dx', -3).attr('y', function(d) { - return args.scales.Y(d).toFixed(2); - }) - .attr('dy', '.35em') - .attr('text-anchor', 'end') - .text(function(d) { - var o = yax_format(d); - return o; - }); - - if (args.y_rug) { - y_rug(args); - } - - return this; - } - - function y_axis_categorical(args) { - // first, come up with y_axis - args.scales.Y = d3.scale.ordinal() - .domain(args.categorical_variables) - .rangeRoundBands([args.height - args.bottom - args.buffer, args.top], args.padding_percentage, args.outer_padding_percentage); - - args.scalefns.yf = function(di) { - return args.scales.Y(di[args.y_accessor]); - }; - - var svg = mg_get_svg_child_of(args.target); - - //remove the old y-axis, add new one - svg.selectAll('.mg-y-axis').remove(); - - var g = svg.append('g') - .classed('mg-y-axis', true) - .classed('mg-y-axis-small', args.use_small_class); - - if (!args.y_axis) { - return this; - } - - g.selectAll('text').data(args.categorical_variables).enter().append('svg:text') - .attr('x', args.left) - .attr('y', function(d) { - return args.scales.Y(d) + args.scales.Y.rangeBand() / 2 - + (args.buffer)*args.outer_padding_percentage; - }) - .attr('dy', '.35em') - .attr('text-anchor', 'end') - .text(String); - - return this; - } - - function x_rug(args) { - 'use strict'; - var buffer_size = args.chart_type === 'point' - ? args.buffer / 2 - : args.buffer; - - var svg = mg_get_svg_child_of(args.target); - - var all_data=[]; - for (var i=0; i 10 - ? d3.scale.category20() : d3.scale.category10()); - - args.scales.color.domain(color_domain); - } - - args.scalefns.color = function(di) { - return args.scales.color(di[args.color_accessor]); - }; - } - } - - function mg_point_add_size_scale(args) { - var min_size, max_size, size_domain, size_range; - if (args.size_accessor !== null) { - if (args.size_domain === null) { - min_size = d3.min(args.data[0], function(d) { - return d[args.size_accessor]; - }); - - max_size = d3.max(args.data[0], function(d) { - return d[args.size_accessor]; - }); - - size_domain = [min_size, max_size]; - } else { - size_domain = args.size_domain; - } - if (args.size_range === null) { - size_range = [1,5]; //args.size_domain; - } else { - size_range = args.size_range; - } - - args.scales.size = d3.scale.linear() - .domain(size_domain) - .range(size_range) - .clamp(true); - - args.scalefns.size = function(di) { - return args.scales.size(di[args.size_accessor]); - }; - } - } - - function mg_add_x_label(g, args) { - g.append('text') - .attr('class', 'label') - .attr('x', function() { - return (args.left + args.width - args.right) / 2; - }) - .attr('y', (args.height - args.bottom / 2).toFixed(2)) - .attr('dy', '.50em') - .attr('text-anchor', 'middle') - .text(function(d) { - return args.x_label; - }); - } - - function mg_default_bar_xax_format(args) { - if (args.xax_format) { - return args.xax_format; - } - - return function(f) { - if (f < 1.0) { - //don't scale tiny values - return args.xax_units + d3.round(f, args.decimals); - } else { - var pf = d3.formatPrefix(f); - return args.xax_units + pf.scale(f) + pf.symbol; - } - }; - } - - function mg_default_xax_format(args) { - if (args.xax_format) { - return args.xax_format; - } - - var diff, - main_time_format, - time_frame; - - if (args.time_series) { - diff = (args.processed.max_x - args.processed.min_x) / 1000; - - if (diff < 60) { - main_time_format = d3.time.format('%M:%S'); - time_frame = 'seconds'; - } else if (diff / (60 * 60) <= 24) { - main_time_format = d3.time.format('%H:%M'); - time_frame = 'less-than-a-day'; - } else if (diff / (60 * 60) <= 24 * 4) { - main_time_format = d3.time.format('%H:%M'); - time_frame = 'four-days'; - } else { - main_time_format = d3.time.format('%b %d'); - time_frame = 'default'; - } - } - - args.processed.main_x_time_format = main_time_format; - args.processed.x_time_frame = time_frame; - - return function(d) { - var df = d3.time.format('%b %d'); - var pf = d3.formatPrefix(d); - - // format as date or not, of course user can pass in - // a custom function if desired - if(args.data[0][0][args.x_accessor] instanceof Date) { - return args.processed.main_x_time_format(d); - } else if (typeof args.data[0][0][args.x_accessor] === 'number') { - if (d < 1.0) { - //don't scale tiny values - return args.xax_units + d3.round(d, args.decimals); - } else { - pf = d3.formatPrefix(d); - return args.xax_units + pf.scale(d) + pf.symbol; - } - } else { - return d; - } - }; - } - - function mg_add_x_ticks(g, args) { - var last_i = args.scales.X.ticks(args.xax_count).length - 1; - var ticks = args.scales.X.ticks(args.xax_count); - - //force min to be the first tick rather than the first element in ticks - if(args.xax_start_at_min) { - ticks[0] = args.processed.min_x; - } - - if (args.chart_type !== 'bar' && !args.x_extended_ticks && !args.y_extended_ticks) { - //extend axis line across bottom, rather than from domain's min..max - g.append('line') - .attr('x1', function() { - //start the axis line from the beginning, domain's min, or the auto-generated - //ticks' first element, depending on whether xax_count is set to 0 or - //xax_start_at_min is set to true - if (args.xax_count === 0) { - return args.left + args.buffer; - } - else if (args.xax_start_at_min) { - return args.scales.X(args.processed.min_x).toFixed(2) - } - else { - return (args.scales.X(args.scales.X.ticks(args.xax_count)[0])).toFixed(2); - } - }) - .attr('x2', - (args.xax_count === 0) - ? args.width - args.right - args.buffer - : (args.scales.X(args.scales.X.ticks(args.xax_count)[last_i])).toFixed(2) - ) - .attr('y1', args.height - args.bottom) - .attr('y2', args.height - args.bottom); - } - - g.selectAll('.mg-xax-ticks') - .data(ticks).enter() - .append('line') - .attr('x1', function(d) { return args.scales.X(d).toFixed(2); }) - .attr('x2', function(d) { return args.scales.X(d).toFixed(2); }) - .attr('y1', args.height - args.bottom) - .attr('y2', function() { - return (args.x_extended_ticks) - ? args.top - : args.height - args.bottom + args.xax_tick_length; - }) - .attr('class', function() { - if (args.x_extended_ticks) { - return 'mg-extended-x-ticks'; - } - }); - } - - function mg_add_x_tick_labels(g, args) { - var ticks = args.scales.X.ticks(args.xax_count); - - //force min to be the first tick rather than the first element in ticks - if(args.xax_start_at_min) { - ticks[0] = args.processed.min_x; - } - - g.selectAll('.mg-xax-labels') - .data(ticks).enter() - .append('text') - .attr('x', function(d) { return args.scales.X(d).toFixed(2); }) - .attr('y', (args.height - args.bottom + args.xax_tick_length * 7 / 3).toFixed(2)) - .attr('dy', '.50em') - .attr('text-anchor', 'middle') - .text(function(d) { - return args.xax_units + args.xax_format(d); - }); - - if (args.time_series && (args.show_years || args.show_secondary_x_label)) { - var secondary_marks, - secondary_function, yformat; - - var time_frame = args.processed.x_time_frame; - - switch(time_frame) { - case 'seconds': - secondary_function = d3.time.days; - yformat = d3.time.format('%I %p'); - break; - case 'less-than-a-day': - secondary_function = d3.time.days; - yformat = d3.time.format('%b %d'); - break; - case 'four-days': - secondary_function = d3.time.days; - yformat = d3.time.format('%b %d'); - break; - default: - secondary_function = d3.time.years; - yformat = d3.time.format('%Y'); - } - - var years = secondary_function(args.processed.min_x, args.processed.max_x); - - //if xax_start_at_min is set - if (args.xax_start_at_min && years.length === 0) { - var first_tick = ticks[0]; - years = [first_tick]; - } else if (years.length === 0) { - var first_tick = args.scales.X.ticks(args.xax_count)[0]; - years = [first_tick]; - } - - //append year marker to x-axis group - g = g.append('g') - .classed('mg-year-marker', true) - .classed('mg-year-marker-small', args.use_small_class); - - if (time_frame === 'default' && args.show_year_marker) { - g.selectAll('.mg-year-marker') - .data(years).enter() - .append('line') - .attr('x1', function(d) { return args.scales.X(d).toFixed(2); }) - .attr('x2', function(d) { return args.scales.X(d).toFixed(2); }) - .attr('y1', args.top) - .attr('y2', args.height - args.bottom); - } - - g.selectAll('.mg-year-marker') - .data(years).enter() - .append('text') - .attr('x', function(d, i) { - if (args.xax_start_at_min && i == 0) { - d = ticks[0]; - } - - return args.scales.X(d).toFixed(2); - }) - .attr('y', (args.height - args.bottom + args.xax_tick_length * 7 / 1.3).toFixed(2)) - .attr('dy', args.use_small_class ? -3 : 0) - .attr('text-anchor', 'middle') - .text(function(d) { - return yformat(d); - }); - } - } - - function mg_find_min_max_x(args) { - var last_i, - extent_x = [], - min_x, - max_x, - all_data = [].concat.apply([], args.data), - mapDtoX = function(d) { return d[args.x_accessor]; }; - - // clear the cached xax_format in case we need to recalculate - if(args.xax_format === null) { - delete args.xax_format; - } - - if (args.chart_type === 'line' || args.chart_type === 'point' || args.chart_type === 'histogram') { - extent_x = d3.extent(all_data, mapDtoX); - min_x = extent_x[0]; - max_x = extent_x[1]; - - } else if (args.chart_type === 'bar') { - min_x = 0; - max_x = d3.max(all_data, function(d) { - var trio = [ - d[args.x_accessor], - (d[args.baseline_accessor]) ? d[args.baseline_accessor] : 0, - (d[args.predictor_accessor]) ? d[args.predictor_accessor] : 0 - ]; - return Math.max.apply(null, trio); - }); - } - //if data set is of length 1, expand the range so that we can build the x-axis - //of course, a line chart doesn't make sense in this case, so the preferred - //method would be to check for said object's length and, if appropriate, - //change the chart type to 'point' - if (min_x === max_x) { - if (min_x instanceof Date) { - var yesterday = MG.clone(min_x).setDate(min_x.getDate() - 1); - var tomorrow = MG.clone(min_x).setDate(min_x.getDate() + 1); - - min_x = yesterday; - max_x = tomorrow; - } else if (typeof min_x === 'number') { - min_x = min_x - 1; - max_x = max_x + 1; - } else if (typeof min_x === 'string') { - min_x = Number(min_x) - 1; - max_x = Number(max_x) + 1; - } - - //force xax_count to be 2 - args.xax_count = 2; - } - - min_x = args.min_x ? args.min_x : min_x; - max_x = args.max_x ? args.max_x : max_x; - args.x_axis_negative = false; - - args.processed.min_x = min_x; - args.processed.max_x = max_x; - - mg_select_xax_format(args); - - if (!args.time_series) { - if (args.processed.min_x < 0) { - args.processed.min_x = args.processed.min_x - (args.processed.max_x * (args.inflator - 1)); - args.x_axis_negative = true; - } - } - - if (args.chart_type === 'bar') { - args.additional_buffer = args.buffer * 5; - } else { - args.additional_buffer = 0; - } - } - - function mg_select_xax_format(args) { - if (!args.xax_format && args.chart_type === 'line') args.xax_format = mg_default_xax_format(args); - if (!args.xax_format && args.chart_type === 'point') args.xax_format = mg_default_xax_format(args); - if (!args.xax_format && args.chart_type === 'histogram') args.xax_format = mg_default_xax_format(args); - if (!args.xax_format && args.chart_type === 'bar') args.xax_format = mg_default_bar_xax_format(args); - } - - function init(args) { - 'use strict'; - var defaults = { - target: null, - title: null, - description: null - }; - - // If you pass in a dom element for args.target, the expectation - // of a string elsewhere will break. - - args = arguments[0]; - if (!args) { args = {}; } - args = merge_with_defaults(args, defaults); - - if (d3.select(args.target).empty()) { - console.warn('The specified target element "' + args.target + '" could not be found in the page. The chart will not be rendered.'); - return; - } - - var container = d3.select(args.target); - var svg = container.selectAll('svg'); - - //this is how we're dealing with passing in a single array of data, - //but with the intention of using multiple values for multilines, etc. - - //do we have a time_series? - if (args.data[0][0][args.x_accessor] instanceof Date) { - args.time_series = true; - } else { - args.time_series = false; - } - - var svg_width = args.width; - var svg_height = args.height; - - //are we setting the aspect ratio - if (args.full_width) { - // get parent element - svg_width = get_width(args.target); - } - - if (args.full_height) { - svg_height = get_height(args.target); - } - - if (args.chart_type === 'bar' && svg_height === null) { - svg_height = args.height = args.data[0].length * args.bar_height + args.top + args.bottom; - } - - //remove the svg if the chart type has changed - if ((!svg.selectAll('.mg-main-line').empty() && args.chart_type !== 'line') - || (!svg.selectAll('.mg-points').empty() && args.chart_type !== 'point') - || (!svg.selectAll('.mg-histogram').empty() && args.chart_type !== 'histogram') - || (!svg.selectAll('.mg-barplot').empty() && args.chart_type !== 'bar') - ) { - svg.remove(); - } - - //add svg if it doesn't already exist - //using trim on html rather than :empty to ignore white spaces if they exist - if (mg_get_svg_child_of(args.target).empty()) { - //add svg - svg = d3.select(args.target) - .append('svg') - .classed('linked', args.linked) - .attr('width', svg_width) - .attr('height', svg_height); - } - - args.width = svg_width; - args.height = svg_height; - - // add clip path element to svg - svg.selectAll('.mg-clip-path').remove(); - - svg.append('defs') - .attr('class', 'mg-clip-path') - .append('clipPath') - .attr('id', 'mg-plot-window-' + mg_strip_punctuation(args.target)) - .append('svg:rect') - .attr('x', args.left) - .attr('y', args.top) - .attr('width', args.width - args.left - args.right - args.buffer) - .attr('height', args.height - args.top - args.bottom - args.buffer + 1); - - //has the width or height changed? - if (svg_width !== Number(svg.attr('width'))) { - svg.attr('width', svg_width); - } - - if (svg_height !== Number(svg.attr('height'))) { - svg.attr('height', svg_height); - } - - // This is an unfinished feature. Need to reconsider how we handle automatic scaling. - svg.attr('viewBox', '0 0 ' + svg_width + ' ' + svg_height); - - if (args.full_width || args.full_height) { - svg.attr('preserveAspectRatio', 'xMinYMin meet'); - } - - // remove missing class - svg.classed('mg-missing', false); - - // remove missing text - svg.selectAll('.mg-missing-text').remove(); - svg.selectAll('.mg-missing-pane').remove(); - - //add chart title if it's different than existing one - chart_title(args); - - //draw axes - args.use_small_class = args.height - args.top - args.bottom - args.buffer - <= args.small_height_threshold && args.width - args.left-args.right - args.buffer * 2 - <= args.small_width_threshold || args.small_text; - - //if we're updating an existing chart and we have fewer lines than - //before, remove the outdated lines, e.g. if we had 3 lines, and we're calling - //data_graphic() on the same target with 2 lines, remove the 3rd line - - var i = 0; - if (args.data.length < svg.selectAll('.mg-main-line')[0].length) { - //now, the thing is we can't just remove, say, line3 if we have a custom - //line-color map, instead, see which are the lines to be removed, and delete those - if (args.custom_line_color_map.length > 0) { - var array_full_series = function(len) { - var arr = new Array(len); - for (var i = 0; i < arr.length; i++) { arr[i] = i + 1; } - return arr; - }; - - //get an array of lines ids to remove - var lines_to_remove = arrDiff( - array_full_series(args.max_data_size), - args.custom_line_color_map); - - for (i = 0; i < lines_to_remove.length; i++) { - svg.selectAll('.mg-main-line.mg-line' + lines_to_remove[i] + '-color') - .remove(); - } - } - //if we don't have a customer line-color map, just remove the lines from the end - else { - var num_of_new = args.data.length; - var num_of_existing = svg.selectAll('.mg-main-line')[0].length; - - for (i = num_of_existing; i > num_of_new; i--) { - svg.selectAll('.mg-main-line.mg-line' + i + '-color') - .remove(); - } - } - } - - return this; - } - - function markers(args) { - 'use strict'; - var svg = mg_get_svg_child_of(args.target); - var gm; - var gb; - - //remove existing markers and baselines - svg.selectAll('.mg-markers').remove(); - svg.selectAll('.mg-baselines').remove(); - - if (args.markers) { - gm = svg.append('g') - .attr('class', 'mg-markers'); - - gm.selectAll('.mg-markers') - .data(args.markers.filter(inRange)) - .enter() - .append('line') - .attr('x1', xPositionFixed) - .attr('x2', xPositionFixed) - .attr('y1', args.top) - .attr('y2', function() { - return args.height - args.bottom - args.buffer; - }) - .attr('stroke-dasharray', '3,1'); - - gm.selectAll('.mg-markers') - .data(args.markers.filter(inRange)) - .enter() - .append('text') - .attr('class', 'mg-marker-text') - .attr('x', xPosition) - .attr('y', args.top - 8) - .attr('text-anchor', 'middle') - .text(function(d) { - return d.label; - }); - - preventOverlap(gm.selectAll('.mg-marker-text')[0]); - } - - if (args.baselines) { - gb = svg.append('g') - .attr('class', 'mg-baselines'); - - gb.selectAll('.mg-baselines') - .data(args.baselines) - .enter().append('line') - .attr('x1', args.left + args.buffer) - .attr('x2', args.width-args.right-args.buffer) - .attr('y1', function(d){ - return args.scales.Y(d.value).toFixed(2); - }) - .attr('y2', function(d){ - return args.scales.Y(d.value).toFixed(2); - }); - - gb.selectAll('.mg-baselines') - .data(args.baselines) - .enter().append('text') - .attr('x', args.width-args.right - args.buffer) - .attr('y', function(d){ - return args.scales.Y(d.value).toFixed(2); - }) - .attr('dy', -3) - .attr('text-anchor', 'end') - .text(function(d) { - return d.label; - }); - } - - function preventOverlap(labels) { - if (!labels || labels.length == 1) { - return; - } - - //see if each of our labels overlaps any of the other labels - for (var i = 0; i < labels.length; i++) { - //if so, nudge it up a bit, if the label it intersects hasn't already been nudged - if (isOverlapping(labels[i], labels)) { - var node = d3.select(labels[i]); - var newY = +node.attr('y'); - if (newY + 8 == args.top) { - newY = args.top - 16; - } - node.attr('y', newY); - } - } - } - - function isOverlapping(element, labels) { - var element_bbox = element.getBoundingClientRect(); - - for (var i = 0; i < labels.length; i++) { - if (labels[i] == element) { - continue; - } - - //check to see if this label overlaps with any of the other labels - var sibling_bbox = labels[i].getBoundingClientRect(); - if (element_bbox.top === sibling_bbox.top && - !(sibling_bbox.left > element_bbox.right || sibling_bbox.right < element_bbox.left) - ) { - return true; - } - } - return false; - } - - function xPosition(d) { - return args.scales.X(d[args.x_accessor]); - } - - function xPositionFixed(d) { - return xPosition(d).toFixed(2); - } - - function inRange(d) { - return (args.scales.X(d[args.x_accessor]) > args.buffer + args.left) - && (args.scales.X(d[args.x_accessor]) < args.width - args.buffer - args.right); - } - - return this; - } - - function mg_window_listeners(args){ - mg_if_aspect_ratio_resize_svg(args); - } - - function mg_if_aspect_ratio_resize_svg(args){ - // If we've asked the svg to fill a div, resize with div. - if (args.full_width || args.full_height){ - window.addEventListener('resize', function(){ - var svg = d3.select(args.target).select('svg'); - var aspect = svg.attr('height') / svg.attr('width'); - var newWidth = get_width(args.target); - - svg.attr('width', newWidth); - svg.attr('height', aspect * newWidth); - }, true); - } - - } - if (typeof jQuery !== 'undefined') { - /*! - * Bootstrap v3.3.1 (http://getbootstrap.com) - * Copyright 2011-2014 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - */ - - /*! - * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=c3834cc5b59ef727da53) - * Config saved to config.json and https://gist.github.com/c3834cc5b59ef727da53 - */ - - /* ======================================================================== - * Bootstrap: dropdown.js v3.3.1 - * http://getbootstrap.com/javascript/#dropdowns - * ======================================================================== - * Copyright 2011-2014 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * ======================================================================== */ - - - +function ($) { - 'use strict'; - - if(typeof $().dropdown == 'function') - return true; - - // DROPDOWN CLASS DEFINITION - // ========================= - - var backdrop = '.dropdown-backdrop'; - var toggle = '[data-toggle="dropdown"]'; - var Dropdown = function (element) { - $(element).on('click.bs.dropdown', this.toggle); - }; - - Dropdown.VERSION = '3.3.1'; - - Dropdown.prototype.toggle = function (e) { - var $this = $(this); - - if ($this.is('.disabled, :disabled')) return; - - var $parent = getParent($this); - var isActive = $parent.hasClass('open'); - - clearMenus(); - - if (!isActive) { - if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { - // if mobile we use a backdrop because click events don't delegate - $('
').insertAfter($(this)).on('click', clearMenus); - } - - var relatedTarget = { relatedTarget: this }; - $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)); - - if (e.isDefaultPrevented()) return; - - $this - .trigger('focus') - .attr('aria-expanded', 'true'); - - $parent - .toggleClass('open') - .trigger('shown.bs.dropdown', relatedTarget); - } - - return false; - }; - - Dropdown.prototype.keydown = function (e) { - if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return; - - var $this = $(this); - - e.preventDefault(); - e.stopPropagation(); - - if ($this.is('.disabled, :disabled')) return; - - var $parent = getParent($this); - var isActive = $parent.hasClass('open'); - - if ((!isActive && e.which != 27) || (isActive && e.which == 27)) { - if (e.which == 27) $parent.find(toggle).trigger('focus'); - return $this.trigger('click'); - } - - var desc = ' li:not(.divider):visible a'; - var $items = $parent.find('[role="menu"]' + desc + ', [role="listbox"]' + desc); - - if (!$items.length) return; - - var index = $items.index(e.target); - - if (e.which == 38 && index > 0) index--; // up - if (e.which == 40 && index < $items.length - 1) index++; // down - if (!~index) index = 0; - - $items.eq(index).trigger('focus'); - }; - - function clearMenus(e) { - if (e && e.which === 3) return; - $(backdrop).remove(); - $(toggle).each(function () { - var $this = $(this); - var $parent = getParent($this); - var relatedTarget = { relatedTarget: this }; - - if (!$parent.hasClass('open')) return; - - $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)); - - if (e.isDefaultPrevented()) return; - - $this.attr('aria-expanded', 'false'); - $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget); - }); - } - - function getParent($this) { - var selector = $this.attr('data-target'); - - if (!selector) { - selector = $this.attr('href'); - selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, ''); // strip for ie7 - } - - var $parent = selector && $(selector); - - return $parent && $parent.length ? $parent : $this.parent(); - } - - - // DROPDOWN PLUGIN DEFINITION - // ========================== - - function Plugin(option) { - return this.each(function () { - var $this = $(this); - var data = $this.data('bs.dropdown'); - - if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))); - if (typeof option == 'string') data[option].call($this); - }); - } - - var old = $.fn.dropdown; - - $.fn.dropdown = Plugin; - $.fn.dropdown.Constructor = Dropdown; - - - // DROPDOWN NO CONFLICT - // ==================== - - $.fn.dropdown.noConflict = function () { - $.fn.dropdown = old; - return this; - }; - - - // APPLY TO STANDARD DROPDOWN ELEMENTS - // =================================== - - $(document) - .on('click.bs.dropdown.data-api', clearMenus) - .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation(); }) - .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) - .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown) - .on('keydown.bs.dropdown.data-api', '[role="menu"]', Dropdown.prototype.keydown) - .on('keydown.bs.dropdown.data-api', '[role="listbox"]', Dropdown.prototype.keydown); - - }(jQuery); - } - MG.button_layout = function(target) { - 'use strict'; - this.target = target; - this.feature_set = {}; - this.public_name = {}; - this.sorters = {}; - this.manual = []; - this.manual_map = {}; - this.manual_callback = {}; - - this._strip_punctuation = function(s) { - var punctuationless = s.replace(/[^a-zA-Z0-9 _]+/g, ''); - var finalString = punctuationless.replace(/ +?/g, ""); - return finalString; - }; - - this.data = function(data) { - this._data = data; - return this; - }; - - this.manual_button = function(feature, feature_set, callback) { - this.feature_set[feature]=feature_set; - this.manual_map[this._strip_punctuation(feature)] = feature; - this.manual_callback[feature]=callback;// the default is going to be the first feature. - return this; - }; - - this.button = function(feature) { - if (arguments.length > 1) { - this.public_name[feature] = arguments[1]; - } - - if (arguments.length > 2) { - this.sorters[feature] = arguments[2]; - } - - this.feature_set[feature] = []; - return this; - }; - - this.callback = function(callback) { - this._callback = callback; - return this; - }; - - this.display = function() { - var callback = this._callback; - var manual_callback = this.manual_callback; - var manual_map = this.manual_map; - - var d,f, features, feat; - features = Object.keys(this.feature_set); - - var mapDtoF = function(f) { return d[f]; }; - - var i; - - // build out this.feature_set with this.data - for (i = 0; i < this._data.length; i++) { - d = this._data[i]; - f = features.map(mapDtoF); - for (var j = 0; j < features.length; j++) { - feat = features[j]; - if (this.feature_set[feat].indexOf(f[j]) === -1) { - this.feature_set[feat].push(f[j]); - } - } - } - - for (feat in this.feature_set) { - if (this.sorters.hasOwnProperty(feat)) { - this.feature_set[feat].sort(this.sorters[feat]); - } - } - - $(this.target).empty(); - - $(this.target).append("
"); - - var dropdownLiAClick = function() { - var k = $(this).data('key'); - var feature = $(this).data('feature'); - var manual_feature; - $('.' + feature + '-btns button.btn span.title').html(k); - if (!manual_map.hasOwnProperty(feature)) { - callback(feature, k); - } else { - manual_feature = manual_map[feature]; - manual_callback[manual_feature](k); - } - - return false; - }; - - for (var feature in this.feature_set) { - features = this.feature_set[feature]; - $(this.target + ' div.segments').append( - '
' + // This never changes. - '' + - '' - + '
'); - - for (i = 0; i < features.length; i++) { - if (features[i] !== 'all' && features[i] !== undefined) { // strange bug with undefined being added to manual buttons. - $(this.target + ' div.' + this._strip_punctuation(feature) + '-btns ul.dropdown-menu').append( - '
  • ' - + features[i] + '
    • ' - ); - } - } - - $('.' + this._strip_punctuation(feature) + '-btns .dropdown-menu li a').on('click', dropdownLiAClick); - } - - return this; - }; - - return this; - }; - - charts.line = function(args) { - 'use strict'; - this.args = args; - - this.init = function(args) { - raw_data_transformation(args); - process_line(args); - init(args); - x_axis(args); - y_axis(args); - return this; - }; - - this.mainPlot = function() { - var svg = mg_get_svg_child_of(args.target); - var g; - var data_median = 0; - var updateTransitionDuration = (args.transition_on_update) ? 1000 : 0; - var mapToY = function(d) { - return d[args.y_accessor]; - }; - - //main area - var area = d3.svg.area() - .x(args.scalefns.xf) - .y0(args.scales.Y.range()[0]) - .y1(args.scalefns.yf) - .interpolate(args.interpolate) - .tension(args.interpolate_tension); - - //confidence band - var confidence_area; - var existing_band = svg.select('.mg-confidence-band'); - - if (args.show_confidence_band) { - confidence_area = d3.svg.area() - .x(args.scalefns.xf) - .y0(function(d) { - var l = args.show_confidence_band[0]; - return args.scales.Y(d[l]); - }) - .y1(function(d) { - var u = args.show_confidence_band[1]; - return args.scales.Y(d[u]); - }) - .interpolate(args.interpolate) - .tension(args.interpolate_tension); - } - - //main line - var line = d3.svg.line() - .x(args.scalefns.xf) - .y(args.scalefns.yf) - .interpolate(args.interpolate) - .tension(args.interpolate_tension); - - //for animating line on first load - var flat_line = d3.svg.line() - .x(args.scalefns.xf) - .y(function() { return args.scales.Y(data_median); }) - .interpolate(args.interpolate) - .tension(args.interpolate_tension); - - - //for building the optional legend - var legend = ''; - var this_data; - var confidenceBand; - - for (var i = args.data.length - 1; i >= 0; i--) { - this_data = args.data[i]; - - //override increment if we have a custom increment series - var line_id = i + 1; - if (args.custom_line_color_map.length > 0) { - line_id = args.custom_line_color_map[i]; - } - - args.data[i].line_id = line_id; - - //add confidence band - if (args.show_confidence_band) { - if (!existing_band.empty()) { - confidenceBand = existing_band - .transition() - .duration(function() { - return (args.transition_on_update) ? 1000 : 0; - }); - } else { - confidenceBand = svg.append('path') - .attr('class', 'mg-confidence-band'); - } - - confidenceBand - .attr('d', confidence_area(args.data[i])) - .attr('clip-path', 'url(#mg-plot-window-'+ mg_strip_punctuation(args.target)+')'); - } - - //add the area - //var $area = $(args.target).find('svg path.mg-area' + (line_id) + '-color'); - var areas = svg.selectAll('.mg-area' + (line_id) + '-color'); - var displayArea = args.area && !args.use_data_y_min && !args.y_axis_negative && args.data.length <= 1; - if (displayArea) { - //if area already exists, transition it - if (!areas.empty()) { - //$(svg.node()).find('.mg-y-axis').after($area.detach()); - svg.select('.mg-y-axis').node().parentNode.appendChild(areas.node()); - - areas - .transition() - .duration(updateTransitionDuration) - .attr('d', area(args.data[i])) - .attr('clip-path', 'url(#mg-plot-window-'+ mg_strip_punctuation(args.target)+')'); - } else { //otherwise, add the area - svg.append('path') - .attr('class', 'mg-main-area ' + 'mg-area' + (line_id) + '-color') - .attr('d', area(args.data[i])) - .attr('clip-path', 'url(#mg-plot-window-' + mg_strip_punctuation(args.target) + ')'); - } - } else if (!areas.empty()) { - areas.remove(); - } - - //add the line, if it already exists, transition the fine gentleman - var existing_line = svg.select('path.mg-main-line.mg-line' + (line_id) + '-color'); - if (!existing_line.empty()) { - //$(svg.node()).find('.mg-y-axis').after($(existing_line.node()).detach()); - svg.select('.mg-y-axis').node().parentNode.appendChild(existing_line.node()); - - var lineTransition = existing_line - .transition() - .duration(updateTransitionDuration); - - if (!displayArea) { - lineTransition.attrTween('d', pathTween(line(args.data[i]), 4)); - } else { - lineTransition.attr('d', line(args.data[i])); - } - - } - else { //otherwise... - //if we're animating on load, animate the line from its median value - if (args.animate_on_load) { - data_median = d3.median(args.data[i], mapToY); - - svg.append('path') - .attr('class', 'mg-main-line ' + 'mg-line' + (line_id) + '-color') - .attr('d', flat_line(args.data[i])) - .transition() - .duration(1000) - .attr('d', line(args.data[i])) - .attr('clip-path', 'url(#mg-plot-window-' + mg_strip_punctuation(args.target) + ')'); - } else { //or just add the line - svg.append('path') - .attr('class', 'mg-main-line ' + 'mg-line' + (line_id) + '-color') - .attr('d', line(args.data[i])) - .attr('clip-path', 'url(#mg-plot-window-' + mg_strip_punctuation(args.target) + ')'); - } - } - - var the_line = svg.select('.mg-line' + (line_id) + '-color'); - if (args.missing_is_hidden && the_line.attr('d') !== null) { - var bits = the_line.attr('d').split('L'); - var zero = args.scales.Y(0) + 42.1234; - var dasharray = []; - var singleton_point_length = 2; - - var x_y, - x_y_plus_1, - x, - y, - x_plus_1, - y_plus_1, - segment_length, - cumulative_segment_length = 0; - - bits[0] = bits[0].replace('M', ''); - bits[bits.length - 1] = bits[bits.length - 1].replace('Z', ''); - - //if we have a min_x, turn the line off first - if (args.min_x) { - dasharray.push(0); - } - - //build the stroke-dasharray pattern - for (var j = 0; j < bits.length - 1; j++) { - x_y = bits[j].split(','); - x_y_plus_1 = bits[j + 1].split(','); - x = Number(x_y[0]); - y = Number(x_y[1]); - x_plus_1 = Number(x_y_plus_1[0]); - y_plus_1 = Number(x_y_plus_1[1]); - - segment_length = Math.sqrt(Math.pow(x - x_plus_1, 2) + Math.pow(y - y_plus_1, 2)); - - //do we need to either cover or clear the current stroke - if (y_plus_1 == zero && y != zero) { - dasharray.push(cumulative_segment_length || singleton_point_length); - cumulative_segment_length = (cumulative_segment_length) - ? segment_length - : segment_length - singleton_point_length; - } else if (y_plus_1 != zero && y == zero) { //switching on line - dasharray.push(cumulative_segment_length += segment_length); - cumulative_segment_length = 0; - } else { - cumulative_segment_length += segment_length; - } - } - - //fear not, end bit of line, ye too shall be covered - if (dasharray.length > 0) { - dasharray.push(the_line.node().getTotalLength() - dasharray[dasharray.length - 1]); - - svg.select('.mg-line' + (line_id) + '-color') - .attr('stroke-dasharray', dasharray.join()); - } - } - - //build legend - if (args.legend) { - legend = "— " - + args.legend[i] + "  " + legend; - } - } - - if (args.legend) { - d3.select(args.legend_target).html(legend); - } - - return this; - }; - - this.markers = function() { - markers(args); - return this; - }; - - this.rollover = function() { - var svg = mg_get_svg_child_of(args.target); - var g; - - //remove the old rollovers if they already exist - svg.selectAll('.mg-rollover-rect').remove(); - svg.selectAll('.mg-voronoi').remove(); - - //remove the old rollover text and circle if they already exist - svg.selectAll('.mg-active-datapoint').remove(); - svg.selectAll('.mg-line-rollover-circle').remove(); - svg.selectAll('.mg-active-datapoint-container').remove(); - - //rollover text - svg.append('g') - .attr('class', 'mg-active-datapoint-container') - .attr('transform', 'translate(' + (args.width - args.right) + ',' + (args.top / 2) + ')') - .append('text') - .attr('class', 'mg-active-datapoint') - .classed('mg-active-datapoint-small', args.use_small_class) - .attr('xml:space', 'preserve') - .attr('text-anchor', 'end'); - - //append circle - svg.selectAll('.mg-line-rollover-circle') - .data(args.data).enter() - .append('circle') - .attr({ - 'class': function(d, i) { - return [ - 'mg-line-rollover-circle', - 'mg-line' + d.line_id + '-color', - 'mg-area' + d.line_id + '-color' - ].join(' '); - }, - 'cx': 0, - 'cy': 0, - 'r': 0 - }); - - //update our data by setting a unique line id for each series - //increment from 1... unless we have a custom increment series - var line_id = 1; - - for (var i = 0; i < args.data.length; i++) { - for (var j = 0; j < args.data[i].length; j++) { - //if custom line-color map is set, use that instead of line_id - if (args.custom_line_color_map.length > 0) { - args.data[i][j].line_id = args.custom_line_color_map[i]; - } else { - args.data[i][j].line_id = line_id; - } - } - line_id++; - } - - var data_nested; - var xf; - - //for multi-line, use voronoi - if (args.data.length > 1 && !args.aggregate_rollover) { - //main rollover - var voronoi = d3.geom.voronoi() - .x(function(d) { return args.scales.X(d[args.x_accessor]).toFixed(2); }) - .y(function(d) { return args.scales.Y(d[args.y_accessor]).toFixed(2); }) - .clipExtent([[args.buffer, args.buffer], [args.width - args.buffer, args.height - args.buffer]]); - - g = svg.append('g') - .attr('class', 'mg-voronoi'); - - //we'll be using these when constructing the voronoi rollovers - data_nested = d3.nest() - .key(function(d) { - return args.scales.X(d[args.x_accessor]) + "," - + args.scales.Y(d[args.y_accessor]); - }) - .rollup(function(v) { return v[0]; }) - .entries(d3.merge(args.data.map(function(d) { return d; }))) - .map(function(d) { return d.values; }); - - //add the voronoi rollovers - g.selectAll('path') - .data(voronoi(data_nested)) - .enter() - .append('path') - .filter(function(d) { return d !== undefined; }) - .attr("d", function(d) { return "M" + d.join("L") + "Z"; }) - .datum(function(d) { return d.point; }) //because of d3.nest, reassign d - .attr('class', function(d) { - if (args.linked) { - var v = d[args.x_accessor]; - var formatter = d3.time.format(args.linked_format); - - //only format when x-axis is date - var id = (typeof v === 'number') - ? i - : formatter(v); - - return 'mg-line' + d.line_id + '-color ' + 'roll_' + id; - } else { - return 'mg-line' + d.line_id + '-color'; - } - }) - .on('mouseover', this.rolloverOn(args)) - .on('mouseout', this.rolloverOff(args)) - .on('mousemove', this.rolloverMove(args)); - } - - // for multi-lines and aggregated rollovers, use rects - else if (args.data.length > 1 && args.aggregate_rollover) { - data_nested = d3.nest() - .key(function(d) { return d[args.x_accessor]; }) - .entries(d3.merge(args.data)); - - xf = data_nested.map(function(di) { - return args.scales.X(new Date(di.key)); - }); - - g = svg.append('g') - .attr('class', 'mg-rollover-rect'); - - g.selectAll('.mg-rollover-rects') - .data(data_nested).enter() - .append('rect') - .attr('x', function(d, i) { - //if data set is of length 1 - if(xf.length === 1) { - return args.left + args.buffer; - } else if (i === 0) { - return xf[i].toFixed(2); - } else { - return ((xf[i-1] + xf[i])/2).toFixed(2); - } - }) - .attr('y', args.top) - .attr('width', function(d, i) { - //if data set is of length 1 - if(xf.length === 1) { - return args.width - args.right - args.buffer; - } else if (i === 0) { - return ((xf[i+1] - xf[i]) / 2).toFixed(2); - } else if (i == xf.length - 1) { - return ((xf[i] - xf[i-1]) / 2).toFixed(2); - } else { - return ((xf[i+1] - xf[i-1]) / 2).toFixed(2); - } - }) - .attr('height', args.height - args.bottom - args.top - args.buffer) - .attr('opacity', 0) - .on('mouseover', this.rolloverOn(args)) - .on('mouseout', this.rolloverOff(args)) - .on('mousemove', this.rolloverMove(args)); - } - - //for single line, use rects - else { - //set to 1 unless we have a custom increment series - line_id = 1; - if (args.custom_line_color_map.length > 0) { - line_id = args.custom_line_color_map[0]; - } - - g = svg.append('g') - .attr('class', 'mg-rollover-rect'); - - xf = args.data[0].map(args.scalefns.xf); - - g.selectAll('.mg-rollover-rects') - .data(args.data[0]).enter() - .append('rect') - .attr('class', function(d, i) { - if (args.linked) { - var v = d[args.x_accessor]; - var formatter = d3.time.format(args.linked_format); - - //only format when x-axis is date - var id = (typeof v === 'number') - ? i - : formatter(v); - - return 'mg-line' + line_id + '-color ' + 'roll_' + id; - } else { - return 'mg-line' + line_id + '-color'; - } - }) - .attr('x', function(d, i) { - //if data set is of length 1 - if (xf.length === 1) { - return args.left + args.buffer; - } else if (i === 0) { - return xf[i].toFixed(2); - } else { - return ((xf[i-1] + xf[i])/2).toFixed(2); - } - }) - .attr('y', function(d, i) { - return (args.data.length > 1) - ? args.scalefns.yf(d) - 6 //multi-line chart sensitivity - : args.top; - }) - .attr('width', function(d, i) { - //if data set is of length 1 - if (xf.length === 1) { - return args.width - args.right - args.buffer; - } else if (i === 0) { - return ((xf[i+1] - xf[i]) / 2).toFixed(2); - } else if (i === xf.length - 1) { - return ((xf[i] - xf[i-1]) / 2).toFixed(2); - } else { - return ((xf[i+1] - xf[i-1]) / 2).toFixed(2); - } - }) - .attr('height', function(d, i) { - return (args.data.length > 1) - ? 12 //multi-line chart sensitivity - : args.height - args.bottom - args.top - args.buffer; - }) - .attr('opacity', 0) - .on('mouseover', this.rolloverOn(args)) - .on('mouseout', this.rolloverOff(args)) - .on('mousemove', this.rolloverMove(args)); - } - - //if the dataset is of length 1, trigger the rollover for our solitary rollover rect - if (args.data.length == 1 && args.data[0].length == 1) { - svg.select('.mg-rollover-rect rect') - .on('mouseover')(args.data[0][0], 0); - } else if (args.data.length > 1) { - //otherwise, trigger it for an appropriate line in a multi-line chart - //@todo this will only trigger one of the lines, even if there are more than one - for (var i = 0; i < args.data.length; i++) { - if (args.data[i].length == 1) { - svg.selectAll('.mg-voronoi .mg-line' + (i + 1) + '-color') - .on('mouseover')(args.data[i][0], 0); - } - } - } - - return this; - }; - - this.rolloverOn = function(args) { - var svg = mg_get_svg_child_of(args.target); - var fmt; - switch(args.processed.x_time_frame) { - case 'seconds': - fmt = d3.time.format('%b %e, %Y %H:%M:%S'); - break; - case 'less-than-a-day': - fmt = d3.time.format('%b %e, %Y %I:%M%p'); - break; - case 'four-days': - fmt = d3.time.format('%b %e, %Y %I:%M%p'); - break; - default: - fmt = d3.time.format('%b %e, %Y'); - } - - return function(d, i) { - - if (args.aggregate_rollover && args.data.length > 1) { - - // hide the circles in case a non-contiguous series is present - svg.selectAll('circle.mg-line-rollover-circle') - .style('opacity', 0); - - d.values.forEach(function(datum) { - - if (datum[args.x_accessor] >= args.processed.min_x && - datum[args.x_accessor] <= args.processed.max_x && - datum[args.y_accessor] >= args.processed.min_y && - datum[args.y_accessor] <= args.processed.max_y - ){ - var circle = svg.select('circle.mg-line' + datum.line_id + '-color') - .attr({ - 'cx': function() { - return args.scales.X(datum[args.x_accessor]).toFixed(2); - }, - 'cy': function() { - return args.scales.Y(datum[args.y_accessor]).toFixed(2); - }, - 'r': args.point_size - }) - .style('opacity', 1); - } - }); - } else if (args.missing_is_hidden - && d[args.y_accessor] == 0 - && d['missing'] - ) { - //disable rollovers for hidden parts of the line - return; - } else { - - //show circle on mouse-overed rect - if (d[args.x_accessor] >= args.processed.min_x && - d[args.x_accessor] <= args.processed.max_x && - d[args.y_accessor] >= args.processed.min_y && - d[args.y_accessor] <= args.processed.max_y - ){ - svg.selectAll('circle.mg-line-rollover-circle') - .attr('class', "") - .attr('class', 'mg-area' + d.line_id + '-color') - .classed('mg-line-rollover-circle', true) - .attr('cx', function() { - return args.scales.X(d[args.x_accessor]).toFixed(2); - }) - .attr('cy', function() { - return args.scales.Y(d[args.y_accessor]).toFixed(2); - }) - .attr('r', args.point_size) - .style('opacity', 1); - } - - //trigger mouseover on all rects for this date in .linked charts - if (args.linked && !MG.globals.link) { - MG.globals.link = true; - - var v = d[args.x_accessor]; - var formatter = d3.time.format(args.linked_format); - - //only format when y-axis is date - var id = (typeof v === 'number') - ? i - : formatter(v); - - //trigger mouseover on matching line in .linked charts - d3.selectAll('.mg-line' + d.line_id + '-color.roll_' + id) - .each(function(d, i) { - d3.select(this).on('mouseover')(d,i); - }); - } - } - - svg.selectAll('text') - .filter(function(g, j) { - return d === g; - }) - .attr('opacity', 0.3); - - var num = rolloverNumberFormatter(args); - - //update rollover text - if (args.show_rollover_text) { - var textContainer = svg.select('.mg-active-datapoint'), - lineCount = 0, - lineHeight = 1.1; - - textContainer.select('*').remove(); - - if (args.aggregate_rollover && args.data.length > 1) { - if (args.time_series) { - var date = new Date(d.key); - - textContainer.append('tspan') - .text((fmt(date) + ' ' + args.yax_units).trim()); - - lineCount = 1; - - d.values.forEach(function(datum) { - var label = textContainer.append('tspan') - .attr({ - x: 0, - y: (lineCount * lineHeight) + 'em' - }) - .text(num(datum[args.y_accessor])); - - textContainer.append('tspan') - .attr({ - x: -label.node().getComputedTextLength(), - y: (lineCount * lineHeight) + 'em' - }) - .text('\u2014 ') // mdash - .classed('mg-hover-line' + datum.line_id + '-color', true) - .style('font-weight', 'bold'); - - lineCount++; - }); - - textContainer.append('tspan') - .attr('x', 0) - .attr('y', (lineCount * lineHeight) + 'em') - .text('\u00A0'); - } else { - d.values.forEach(function(datum) { - var label = textContainer.append('tspan') - .attr({ - x: 0, - y: (lineCount * lineHeight) + 'em' - }) - .text(args.x_accessor + ': ' + datum[args.x_accessor] - + ', ' + args.y_accessor + ': ' + args.yax_units - + num(datum[args.y_accessor])); - - textContainer.append('tspan') - .attr({ - x: -label.node().getComputedTextLength(), - y: (lineCount * lineHeight) + 'em' - }) - .text('\u2014 ') // mdash - .classed('mg-hover-line' + datum.line_id + '-color', true) - .style('font-weight', 'bold'); - - lineCount++; - }); - } - - // append an blank ( ) line to mdash positioning - textContainer.append('tspan') - .attr('x', 0) - .attr('y', (lineCount * lineHeight) + 'em') - .text('\u00A0'); - } else { - if (args.time_series) { - var dd = new Date(+d[args.x_accessor]); - dd.setDate(dd.getDate()); - - textContainer.append('tspan') - .text(fmt(dd) + ' ' + args.yax_units - + num(d[args.y_accessor])); - } - else { - textContainer.append('tspan') - .text(args.x_accessor + ': ' + d[args.x_accessor] - + ', ' + args.y_accessor + ': ' + args.yax_units - + num(d[args.y_accessor])); - } - } - } - - if (args.mouseover) { - args.mouseover(d, i); - } - }; - }; - - this.rolloverOff = function(args) { - var svg = mg_get_svg_child_of(args.target); - - return function(d, i) { - if (args.linked && MG.globals.link) { - MG.globals.link = false; - - var v = d[args.x_accessor]; - var formatter = d3.time.format(args.linked_format); - - //only format when y-axis is date - var id = (typeof v === 'number') - ? i - : formatter(v); - - d3.selectAll('.roll_' + id) - .each(function(d, i) { - d3.select(this).on('mouseout')(d); - }); - } - - //remove active datapoint text on mouse out, except if we have a single - svg.selectAll('circle.mg-line-rollover-circle') - .style('opacity', function() { - if (args.data.length == 1 && args.data[0].length == 1) { - return 1; - } - else { - return 0; - } - }); - - svg.select('.mg-active-datapoint') - .text(''); - - if (args.mouseout) { - args.mouseout(d, i); - } - }; - }; - - this.rolloverMove = function(args) { - return function(d, i) { - if (args.mousemove) { - args.mousemove(d, i); - } - }; - }; - - this.windowListeners = function() { - mg_window_listeners(this.args); - return this; - }; - - this.init(args); - - return this; - }; - - charts.histogram = function(args) { - 'use strict'; - this.args = args; - - this.init = function(args) { - raw_data_transformation(args); - process_histogram(args); - init(args); - x_axis(args); - y_axis(args); - return this; - }; - - this.mainPlot = function() { - var svg = mg_get_svg_child_of(args.target); - - //remove the old histogram, add new one - svg.selectAll('.mg-histogram').remove(); - - var g = svg.append('g') - .attr('class', 'mg-histogram'); - - var bar = g.selectAll('.mg-bar') - .data(args.data[0]) - .enter().append('g') - .attr('class', 'mg-bar') - .attr('transform', function(d) { - return "translate(" + args.scales.X(d[args.x_accessor]).toFixed(2) - + "," + args.scales.Y(d[args.y_accessor]).toFixed(2) + ")"; - }); - - //draw bars - bar.append('rect') - .attr('x', 1) - .attr('width', function(d, i) { - if (args.data[0].length === 1) { - return (args.scalefns.xf(args.data[0][0]) - - args.bar_margin).toFixed(2); - } else { - return (args.scalefns.xf(args.data[0][1]) - - args.scalefns.xf(args.data[0][0]) - - args.bar_margin).toFixed(2); - } - }) - .attr('height', function(d) { - if (d[args.y_accessor] === 0) { - return 0; - } - - return (args.height - args.bottom - args.buffer - - args.scales.Y(d[args.y_accessor])).toFixed(2); - }); - - return this; - }; - - this.markers = function() { - markers(args); - return this; - }; - - this.rollover = function() { - var svg = mg_get_svg_child_of(args.target); - - //remove the old rollovers if they already exist - svg.selectAll('.mg-rollover-rect').remove(); - svg.selectAll('.mg-active-datapoint').remove(); - - //rollover text - svg.append('text') - .attr('class', 'mg-active-datapoint') - .attr('xml:space', 'preserve') - .attr('x', args.width - args.right) - .attr('y', args.top / 2) - .attr('text-anchor', 'end'); - - var g = svg.append('g') - .attr('class', 'mg-rollover-rect'); - - //draw rollover bars - var bar = g.selectAll('.mg-bar') - .data(args.data[0]) - .enter().append('g') - .attr('class', function(d, i) { - if (args.linked) { - return 'mg-rollover-rects roll_' + i; - } else { - return 'mg-rollover-rects'; - } - }) - .attr('transform', function(d) { - return "translate(" + (args.scales.X(d[args.x_accessor])) + "," + 0 + ")"; - }); - - bar.append('rect') - .attr('x', 1) - .attr('y', 0) - .attr('width', function(d, i) { - //if data set is of length 1 - if (args.data[0].length === 1) { - return (args.scalefns.xf(args.data[0][0]) - - args.bar_margin).toFixed(2); - } else if (i !== args.data[0].length - 1) { - return (args.scalefns.xf(args.data[0][i + 1]) - - args.scalefns.xf(d)).toFixed(2); - } else { - return (args.scalefns.xf(args.data[0][1]) - - args.scalefns.xf(args.data[0][0])).toFixed(2); - } - }) - .attr('height', function(d) { - return args.height; - }) - .attr('opacity', 0) - .on('mouseover', this.rolloverOn(args)) - .on('mouseout', this.rolloverOff(args)) - .on('mousemove', this.rolloverMove(args)); - - return this; - }; - - this.rolloverOn = function(args) { - var svg = mg_get_svg_child_of(args.target); - var x_formatter = d3.time.format('%Y-%m-%d'); - - return function(d, i) { - svg.selectAll('text') - .filter(function(g, j) { - return d === g; - }) - .attr('opacity', 0.3); - - var fmt = d3.time.format('%b %e, %Y'); - var num = rolloverNumberFormatter(args); - - //highlight active bar - svg.selectAll('.mg-bar rect') - .filter(function(d, j) { - return j === i; - }) - .classed('active', true); - - //trigger mouseover on all matching bars - if (args.linked && !MG.globals.link) { - MG.globals.link = true; - - //trigger mouseover on matching bars in .linked charts - d3.selectAll('.mg-rollover-rects.roll_' + i + ' rect') - .each(function(d) { //use existing i - d3.select(this).on('mouseover')(d,i); - }); - } - - //update rollover text - if (args.show_rollover_text) { - svg.select('.mg-active-datapoint') - .text(function() { - if (args.time_series) { - var dd = new Date(+d[args.x_accessor]); - dd.setDate(dd.getDate()); - - return fmt(dd) + ' ' + args.yax_units - + num(d[args.y_accessor]); - } - else { - return args.x_accessor + ': ' + num(d[args.x_accessor]) - + ', ' + args.y_accessor + ': ' + args.yax_units - + num(d[args.y_accessor]); - } - }); - } - - if (args.mouseover) { - args.mouseover(d, i); - } - }; - }; - - this.rolloverOff = function(args) { - var svg = mg_get_svg_child_of(args.target); - - return function(d, i) { - if (args.linked && MG.globals.link) { - MG.globals.link = false; - - //trigger mouseout on matching bars in .linked charts - d3.selectAll('.mg-rollover-rects.roll_' + i + ' rect') - .each(function(d) { //use existing i - d3.select(this).on('mouseout')(d,i); - }); - } - - //reset active bar - svg.selectAll('.mg-bar rect') - .classed('active', false); - - //reset active data point text - svg.select('.mg-active-datapoint') - .text(''); - - if (args.mouseout) { - args.mouseout(d, i); - } - }; - }; - - this.rolloverMove = function(args) { - return function(d, i) { - if (args.mousemove) { - args.mousemove(d, i); - } - }; - }; - - this.windowListeners = function() { - mg_window_listeners(this.args); - return this; - }; - - this.init(args); - return this; - }; - - charts.point = function(args) { - 'use strict'; - this.args = args; - - this.init = function(args) { - raw_data_transformation(args); - process_point(args); - init(args); - x_axis(args); - y_axis(args); - return this; - }; - - this.markers = function() { - markers(args); - if (args.least_squares) { - add_ls(args); - } - - return this; - }; - - this.mainPlot = function() { - var svg = mg_get_svg_child_of(args.target); - var g; - - //remove the old points, add new one - svg.selectAll('.mg-points').remove(); - - // plot the points, pretty straight-forward - g = svg.append('g') - .classed('mg-points', true); - - var pts = g.selectAll('circle') - .data(args.data[0]) - .enter().append('svg:circle') - .attr('class', function(d, i) { return 'path-' + i; }) - .attr('cx', args.scalefns.xf) - .attr('cy', args.scalefns.yf); - - //are we coloring our points, or just using the default color? - if (args.color_accessor !== null) { - pts.attr('fill', args.scalefns.color); - pts.attr('stroke', args.scalefns.color); - } else { - pts.classed('mg-points-mono', true); - } - - if (args.size_accessor !== null) { - pts.attr('r', args.scalefns.size); - } else { - pts.attr('r', args.point_size); - } - - return this; - }; - - this.rollover = function() { - var svg = mg_get_svg_child_of(args.target); - - //remove the old rollovers if they already exist - svg.selectAll('.mg-voronoi').remove(); - - //remove the old rollover text and circle if they already exist - svg.selectAll('.mg-active-datapoint').remove(); - - //add rollover text - svg.append('text') - .attr('class', 'mg-active-datapoint') - .attr('xml:space', 'preserve') - .attr('x', args.width - args.right) - .attr('y', args.top / 2) - .attr('text-anchor', 'end'); - - //add rollover paths - var voronoi = d3.geom.voronoi() - .x(args.scalefns.xf) - .y(args.scalefns.yf) - .clipExtent([[args.buffer, args.buffer], [args.width - args.buffer, args.height - args.buffer]]); - - var paths = svg.append('g') - .attr('class', 'mg-voronoi'); - - paths.selectAll('path') - .data(voronoi(args.data[0])) - .enter().append('path') - .attr('d', function(d) { - if (d === undefined) { - return; - } - - return 'M' + d.join(',') + 'Z'; - }) - .attr('class', function(d,i) { - return 'path-' + i; - }) - .style('fill-opacity', 0) - .on('mouseover', this.rolloverOn(args)) - .on('mouseout', this.rolloverOff(args)) - .on('mousemove', this.rolloverMove(args)); - - return this; - }; - - this.rolloverOn = function(args) { - var svg = mg_get_svg_child_of(args.target); - - return function(d, i) { - svg.selectAll('.mg-points circle') - .classed('selected', false); - - //highlight active point - var pts = svg.selectAll('.mg-points circle.path-' + i) - .classed('selected', true); - - if (args.size_accessor) { - pts.attr('r', function(di) { - return args.scalefns.size(di) + 1; - }); - } else { - pts.attr('r', args.point_size); - } - - //trigger mouseover on all points for this class name in .linked charts - if (args.linked && !globals.link) { - globals.link = true; - - //trigger mouseover on matching point in .linked charts - d3.selectAll('.mg-voronoi .path-' + i) - .each(function() { - d3.select(this).on('mouseover')(d,i); - }); - } - - var fmt = d3.time.format('%b %e, %Y'); - var num = rolloverNumberFormatter(args); - - //update rollover text - if (args.show_rollover_text) { - svg.select('.mg-active-datapoint') - .text(function() { - if (args.time_series) { - var dd = new Date(+d.point[args.x_accessor]); - dd.setDate(dd.getDate()); - - return fmt(dd) + ' ' + args.yax_units + num(d.point[args.y_accessor]); - } else { - return args.x_accessor + ': ' + num(d.point[args.x_accessor]) - + ', ' + args.y_accessor + ': ' + args.yax_units - + num(d.point[args.y_accessor]); - } - }); - } - - if (args.mouseover) { - args.mouseover(d, i); - } - }; - }; - - this.rolloverOff = function(args) { - var svg = mg_get_svg_child_of(args.target); - - return function(d,i) { - if (args.linked && globals.link) { - globals.link = false; - - d3.selectAll('.mg-voronoi .path-' + i) - .each(function() { - d3.select(this).on('mouseout')(d,i); - }); - } - - //reset active point - var pts = svg.selectAll('.mg-points circle') - .classed('unselected', false) - .classed('selected', false); - - if (args.size_accessor) { - pts.attr('r', args.scalefns.size); - } else { - pts.attr('r', args.point_size); - } - - //reset active data point text - svg.select('.mg-active-datapoint') - .text(''); - - if (args.mouseout) { - args.mouseout(d, i); - } - }; - }; - - this.rolloverMove = function(args) { - return function(d, i) { - if (args.mousemove) { - args.mousemove(d, i); - } - }; - }; - - this.update = function(args) { - return this; - }; - - this.windowListeners = function() { - mg_window_listeners(this.args); - return this; - }; - - this.init(args); - - return this; - }; - - // BARCHART: - // x - function that processes data - // - pass in a feature name, get a count - // - have raw feature: value function - // - need a way of changing the y axis and x axis - // - need to sort out rollovers - charts.bar = function(args) { - 'use strict'; - this.args = args; - - this.is_vertical = true; - - this.init = function(args) { - raw_data_transformation(args); - process_categorical_variables(args); - init(args); - - this.is_vertical = args.bar_orientation === 'vertical'; - - if (this.is_vertical) { - x_axis_categorical(args); - y_axis(args); - } else { - x_axis(args); - y_axis_categorical(args); - } - return this; - }; - - this.mainPlot = function() { - var svg = mg_get_svg_child_of(args.target); - var data = args.data[0]; - var barplot = svg.select('g.mg-barplot'); - var fresh_render = barplot.empty(); - - var bars; - var predictor_bars; - var pp, pp0; - var baseline_marks; - - var perform_load_animation = fresh_render && args.animate_on_load; - var should_transition = perform_load_animation || args.transition_on_update; - var transition_duration = args.transition_duration || 1000; - - // draw the plot on first render - if (barplot.empty()) { - barplot = svg.append('g') - .classed('mg-barplot', true); - } - - bars = bars = barplot.selectAll('.mg-bar') - .data(data); - - bars.exit().remove(); - - bars.enter().append('rect') - .classed('mg-bar', true); - - if (args.predictor_accessor) { - predictor_bars = barplot.selectAll('.mg-bar-prediction') - .data(data); - - predictor_bars.exit().remove(); - - predictor_bars.enter().append('rect') - .classed('mg-bar-prediction', true); - } - - if (args.baseline_accessor) { - baseline_marks = barplot.selectAll('.mg-bar-baseline') - .data(data); - - baseline_marks.exit().remove(); - - baseline_marks.enter().append('line') - .classed('mg-bar-baseline', true); - } - - var appropriate_size; - - - // setup transitions - if (should_transition) { - bars = bars.transition() - .duration(transition_duration); - - if (predictor_bars) { - predictor_bars = predictor_bars.transition() - .duration(transition_duration); - } - - if (baseline_marks) { - baseline_marks = baseline_marks.transition() - .duration(transition_duration); - } - } - - - if (this.is_vertical) { - appropriate_size = args.scales.X.rangeBand()/1.5; - - if (perform_load_animation) { - bars.attr({ - height: 0, - y: args.scales.Y(0) - }); - - if (predictor_bars) { - predictor_bars.attr({ - height: 0, - y: args.scales.Y(0) - }); - } - - if (baseline_marks) { - baseline_marks.attr({ - y1: args.scales.Y(0), - y2: args.scales.Y(0) - }); - } - } - - bars.attr('y', args.scalefns.yf) - .attr('x', function(d) { - return args.scalefns.xf(d) + appropriate_size/2; - }) - .attr('width', appropriate_size) - .attr('height', function(d) { - return 0 - (args.scalefns.yf(d) - args.scales.Y(0)); - }); - - - if (args.predictor_accessor) { - pp = args.predictor_proportion; - pp0 = pp-1; - - // thick line through bar; - predictor_bars - .attr('y', function(d) { - return args.scales.Y(0) - (args.scales.Y(0) - args.scales.Y(d[args.predictor_accessor])); - }) - .attr('x', function(d) { - return args.scalefns.xf(d) + pp0*appropriate_size/(pp*2) + appropriate_size/2; - }) - .attr('width', appropriate_size/pp) - .attr('height', function(d) { - return 0 - (args.scales.Y(d[args.predictor_accessor]) - args.scales.Y(0)); - }); - } - - if (args.baseline_accessor) { - pp = args.predictor_proportion; - - baseline_marks - .attr('x1', function(d) { - return args.scalefns.xf(d)+appropriate_size/2-appropriate_size/pp + appropriate_size/2; - }) - .attr('x2', function(d) { - return args.scalefns.xf(d)+appropriate_size/2+appropriate_size/pp + appropriate_size/2; - }) - .attr('y1', function(d) { return args.scales.Y(d[args.baseline_accessor]); }) - .attr('y2', function(d) { return args.scales.Y(d[args.baseline_accessor]); }); - } - } else { - appropriate_size = args.scales.Y.rangeBand()/1.5; - - if (perform_load_animation) { - bars.attr('width', 0); - - if (predictor_bars) { - predictor_bars.attr('width', 0); - } - - if (baseline_marks) { - baseline_marks.attr({ - x1: args.scales.X(0), - x2: args.scales.X(0) - }); - } - } - - bars.attr('x', args.scales.X(0)) - .attr('y', function(d) { - return args.scalefns.yf(d) + appropriate_size/2; - }) - .attr('height', appropriate_size) - .attr('width', function(d) { - return args.scalefns.xf(d) - args.scales.X(0); - }); - - - if (args.predictor_accessor) { - pp = args.predictor_proportion; - pp0 = pp-1; - - // thick line through bar; - predictor_bars - .attr('x', args.scales.X(0)) - .attr('y', function(d) { - return args.scalefns.yf(d) + pp0 * appropriate_size/(pp*2) + appropriate_size / 2; - }) - .attr('height', appropriate_size / pp) - .attr('width', function(d) { - return args.scales.X(d[args.predictor_accessor]) - args.scales.X(0); - }); - } - - if (args.baseline_accessor) { - pp = args.predictor_proportion; - - baseline_marks - .attr('x1', function(d) { return args.scales.X(d[args.baseline_accessor]); }) - .attr('x2', function(d) { return args.scales.X(d[args.baseline_accessor]); }) - .attr('y1', function(d) { - return args.scalefns.yf(d) + appropriate_size / 2 - appropriate_size / pp + appropriate_size / 2; - }) - .attr('y2', function(d) { - return args.scalefns.yf(d) + appropriate_size / 2 + appropriate_size / pp + appropriate_size / 2; - }); - } - } - - return this; - }; - - this.markers = function() { - markers(args); - return this; - }; - - this.rollover = function() { - var svg = mg_get_svg_child_of(args.target); - var g; - - //remove the old rollovers if they already exist - svg.selectAll('.mg-rollover-rect').remove(); - svg.selectAll('.mg-active-datapoint').remove(); - - //rollover text - svg.append('text') - .attr('class', 'mg-active-datapoint') - .attr('xml:space', 'preserve') - .attr('x', args.width - args.right) - .attr('y', args.top / 2) - .attr('dy', '.35em') - .attr('text-anchor', 'end'); - - g = svg.append('g') - .attr('class', 'mg-rollover-rect'); - - //draw rollover bars - var bar = g.selectAll(".mg-bar-rollover") - .data(args.data[0]).enter() - .append("rect") - .attr('class', 'mg-bar-rollover'); - - if (this.is_vertical) { - bar.attr("x", args.scalefns.xf) - .attr("y", function() { - return args.scales.Y(0) - args.height; - }) - .attr('width', args.scales.X.rangeBand()) - .attr('height', args.height) - .attr('opacity', 0) - .on('mouseover', this.rolloverOn(args)) - .on('mouseout', this.rolloverOff(args)) - .on('mousemove', this.rolloverMove(args)); - } else { - bar.attr("x", args.scales.X(0)) - .attr("y", args.scalefns.yf) - .attr('width', args.width) - .attr('height', args.scales.Y.rangeBand()+2) - .attr('opacity', 0) - .on('mouseover', this.rolloverOn(args)) - .on('mouseout', this.rolloverOff(args)) - .on('mousemove', this.rolloverMove(args)); - } - return this; - }; - - this.rolloverOn = function(args) { - var svg = mg_get_svg_child_of(args.target); - var label_accessor = this.is_vertical ? args.x_accessor : args.y_accessor; - var data_accessor = this.is_vertical ? args.y_accessor : args.x_accessor; - var label_units = this.is_vertical ? args.yax_units : args.xax_units; - - return function(d, i) { - svg.selectAll('text') - .filter(function(g, j) { - return d === g; - }) - .attr('opacity', 0.3); - - var fmt = d3.time.format('%b %e, %Y'); - var num = rolloverNumberFormatter(args); - - //highlight active bar - svg.selectAll('g.mg-barplot .mg-bar') - .filter(function(d, j) { - return j === i; - }) - .classed('active', true); - - //update rollover text - if (args.show_rollover_text) { - svg.select('.mg-active-datapoint') - .text(function() { - if (args.time_series) { - var dd = new Date(+d[data_accessor]); - dd.setDate(dd.getDate()); - - return fmt(dd) + ' ' + label_units + num(d[label_accessor]); - } else { - return d[label_accessor] + ': ' + num(d[data_accessor]); - } - }); - } - - if (args.mouseover) { - args.mouseover(d, i); - } - }; - }; - - this.rolloverOff = function(args) { - var svg = mg_get_svg_child_of(args.target); - - return function(d, i) { - //reset active bar - svg.selectAll('g.mg-barplot .mg-bar') - .classed('active', false); - - //reset active data point text - svg.select('.mg-active-datapoint') - .text(''); - - if (args.mouseout) { - args.mouseout(d, i); - } - }; - }; - - this.rolloverMove = function(args) { - return function(d, i) { - if (args.mousemove) { - args.mousemove(d, i); - } - }; - }; - - this.windowListeners = function() { - mg_window_listeners(this.args); - return this; - }; - - this.init(args); - return this; - }; - - /* - Data Tables - - Along with histograms, bars, lines, and scatters, a simple data table can take you far. - We often just want to look at numbers, organized as a table, where columns are variables, - and rows are data points. Sometimes we want a cell to have a small graphic as the main - column element, in which case we want small multiples. sometimes we want to - - var table = New data_table(data) - .target('div#data-table') - .title({accessor: 'point_name', align: 'left'}) - .description({accessor: 'description'}) - .number({accessor: ''}) - - */ - - MG.data_table = function(args) { - 'use strict'; - this.args = args; - this.args.standard_col = { width: 150, font_size: 12, font_weight: 'normal' }; - this.args.columns = []; - this.formatting_options = [['color', 'color'], ['font-weight', 'font_weight'], ['font-style', 'font_style'], ['font-size', 'font_size']]; - - this._strip_punctuation = function(s) { - var punctuationless = s.replace(/[^a-zA-Z0-9 _]+/g, ''); - var finalString = punctuationless.replace(/ +?/g, ""); - return finalString; - }; - - this._format_element = function(element, value, args) { - this.formatting_options.forEach(function(fo) { - var attr = fo[0]; - var key = fo[1]; - if (args[key]) element.style(attr, - typeof args[key] === 'string' || - typeof args[key] === 'number' ? - args[key] : args[key](value)); - }); - }; - - this._add_column = function(_args, arg_type) { - var standard_column = this.args.standard_col; - var args = merge_with_defaults(MG.clone(_args), MG.clone(standard_column)); - args.type = arg_type; - this.args.columns.push(args); - }; - - this.target = function() { - var target = arguments[0]; - this.args.target = target; - return this; - }; - - this.title = function() { - this._add_column(arguments[0], 'title'); - return this; - }; - - this.text = function() { - this._add_column(arguments[0], 'text'); - return this; - }; - - this.bullet = function() { - /* - text label - main value - comparative measure - any number of ranges - - additional args: - no title - xmin, xmax - format: percentage - xax_formatter - */ - return this; - }; - - this.sparkline = function() { - return this; - }; - - this.number = function() { - this._add_column(arguments[0], 'number'); - return this; - }; - - this.display = function() { - var args = this.args; - - chart_title(args); - - var target = args.target; - var table = d3.select(target).append('table').classed('mg-data-table', true); - var colgroup = table.append('colgroup'); - var thead = table.append('thead'); - var tbody = table.append('tbody'); - var this_column; - var this_title; - - var tr, th, td_accessor, td_type, td_value, th_text, td_text, td; - var col; - var h; - - tr = thead.append('tr'); - - for (h = 0; h < args.columns.length; h++) { - var this_col = args.columns[h]; - td_type = this_col.type; - th_text = this_col.label; - th_text = th_text === undefined ? '' : th_text; - th = tr.append('th') - .style('width', this_col.width) - .style('text-align', td_type === 'title' ? 'left' : 'right') - .text(th_text); - - if (args.show_tooltips && this_col.description) { - th.append('i') - .classed('fa', true) - .classed('fa-question-circle', true) - .classed('fa-inverse', true); - - $(th[0]).popover({ - html: true, - animation: false, - content: this_col.description, - trigger: 'hover', - placement: 'top', - container: $(th[0]) - }); - } - } - - for (h = 0; h < args.columns.length; h++) { - col = colgroup.append('col'); - if (args.columns[h].type === 'number') { - col.attr('align', 'char').attr('char', '.'); - } - } - - for (var i=0; i < args.data.length; i++) { - tr = tbody.append('tr'); - for (var j = 0; j < args.columns.length; j++) { - this_column = args.columns[j]; - td_accessor = this_column.accessor; - td_value = td_text = args.data[i][td_accessor]; - td_type = this_column.type; - - if (td_type === 'number') { - //td_text may need to be rounded - if (this_column.hasOwnProperty('round') && !this_column.hasOwnProperty('format')) { - // round according to the number value in this_column.round - td_text = d3.format('0,.'+this_column.round+'f')(td_text); - } - - if (this_column.hasOwnProperty('value_formatter')) { - // provide a function that formats the text according to the function this_column.format. - td_text = this_column.value_formatter(td_text); - } - - if (this_column.hasOwnProperty('format')) { - // this is a shorthand for percentage formatting, and others if need be. - // supported: 'percentage', 'count', 'temperature' - - if (this_column.round) { - td_text = d3.round(td_text, this_column.round); - } - - var this_format = this_column.format; - var formatter; - - if (this_format === 'percentage') formatter = d3.format('%p'); - if (this_format === 'count') formatter = d3.format("0,000"); - if (this_format === 'temperature') formatter = function(t) { return t +'°'; }; - - td_text = formatter(td_text); - } - - if (this_column.hasOwnProperty('currency')) { - // this is another shorthand for formatting according to a currency amount, which gets appended to front of number - td_text = this_column.currency + td_text; - } - } - - td = tr.append('td') - .classed('table-' + td_type, true) - .classed('table-' + td_type + '-' + this._strip_punctuation(td_accessor), true) - .attr('data-value', td_value) - .style('width', this_column.width) - .style('text-align', td_type === 'title' || td_type === 'text' ? 'left' : 'right'); - - this._format_element(td, td_value, this_column); - - if (td_type === 'title') { - this_title = td.append('div').text(td_text); - this._format_element(this_title, td_text, this_column); - - if (args.columns[j].hasOwnProperty('secondary_accessor')) { - td.append('div') - .text(args.data[i][args.columns[j].secondary_accessor]) - .classed("secondary-title", true); - } - } else { - td.text(td_text); - } - } - } - - return this; - }; - - return this; - }; - - charts.missing = function(args) { - 'use strict'; - this.args = args; - - this.init = function(args) { - chart_title(args); - - // create svg if one doesn't exist - d3.select(args.target).selectAll('svg').data([args]) - .enter().append('svg') - .attr('width', args.width) - .attr('height', args.height); - - var svg = mg_get_svg_child_of(args.target); - - // has the width or height changed? - if (args.width !== Number(svg.attr('width'))) { - svg.attr('width', args.width); - } - - if (args.height !== Number(svg.attr('height'))) { - svg.attr('height', args.height); - } - - // delete child elements - d3.select(args.target).selectAll('svg *').remove(); - - // add missing class - svg.classed('mg-missing', true); - - // do we need to clear the legend? - if (args.legend_target) { - d3.select(args.legend_target).html(''); - } - - //are we adding a background placeholder - if (args.show_missing_background) { - var data = []; - for (var x = 1; x <= 50; x++) { - data.push({'x': x, 'y': Math.random() - (x * 0.03)}); - } - - args.scales.X = d3.scale.linear() - .domain([0, data.length]) - .range([args.left + args.buffer, args.width - args.right - args.buffer]); - - args.scales.Y = d3.scale.linear() - .domain([-2, 2]) - .range([args.height - args.bottom - args.buffer*2, args.top]); - - args.scalefns.xf = function(di) { return args.scales.X(di.x); }; - args.scalefns.yf = function(di) { return args.scales.Y(di.y); }; - - var line = d3.svg.line() - .x(args.scalefns.xf) - .y(args.scalefns.yf) - .interpolate(args.interpolate); - - var area = d3.svg.area() - .x(args.scalefns.xf) - .y0(args.scales.Y.range()[0]) - .y1(args.scalefns.yf) - .interpolate(args.interpolate); - - var g = svg.append('g') - .attr('class', 'mg-missing-pane'); - - g.append('svg:rect') - .classed('mg-missing-background', true) - .attr('x', args.buffer) - .attr('y', args.buffer) - .attr('width', args.width-args.buffer*2) - .attr('height', args.height-args.buffer*2) - .attr('rx',15) - .attr('ry', 15); - - g.append('path') - .attr('class', 'mg-main-line mg-line1-color') - .attr('d', line(data)); - - g.append('path') - .attr('class', 'mg-main-area mg-area1-color') - .attr('d', area(data)); - } - - // add missing text - svg.selectAll('.mg-missing-text').data([args.missing_text]) - .enter().append('text') - .attr('class', 'mg-missing-text') - .attr('x', args.width / 2) - .attr('y', args.height / 2) - .attr('dy', '.50em') - .attr('text-anchor', 'middle') - .text(args.missing_text); - - return this; - }; - - this.init(args); - return this; - }; - - function raw_data_transformation(args) { - 'use strict'; - - // We need to account for a few data format cases: - // 1. [{key:__, value:__}, ...] // unnested obj-arrays - // 2. [[{key:__, value:__}, ...], [{key:__, value:__}, ...]] // nested obj-arrays - // 3. [[4323, 2343],..] // unnested 2d array - // 4. [[[4323, 2343],..] , [[4323, 2343],..]] // nested 2d array - if (args.chart_type === 'line') { - var is_unnested_obj_array = (args.data[0] instanceof Object && !(args.data[0] instanceof Array)); - var is_unnested_array_of_arrays = ( - args.data[0] instanceof Array && - !(args.data[0][0] instanceof Object && - !(args.data[0][0] instanceof Date))); - - if (is_unnested_obj_array || is_unnested_array_of_arrays) { - args.data = [args.data]; - } - } else { - if (!(args.data[0] instanceof Array)) { - args.data = [args.data]; - } - } - - if (args.y_accessor instanceof Array) { - args.data = args.data.map(function(_d) { - return args.y_accessor.map(function(ya) { - return _d.map(function(di) { - di = MG.clone(di); - if (di[ya] === undefined) { - return undefined; - } - di['multiline_y_accessor'] = di[ya]; - return di; - }).filter(function(di) { - return di !== undefined; - }); - }); - })[0]; - - args.y_accessor = 'multiline_y_accessor'; - } - - //sort x-axis data - if (args.chart_type === 'line') { - for (var i = 0; i < args.data.length; i++) { - args.data[i].sort(function(a, b) { - return a[args.x_accessor] - b[args.x_accessor]; - }); - } - } - - return this; - } - - function process_line(args) { - 'use strict'; - //do we have a time-series? - var is_time_series = args.data[0][0][args.x_accessor] instanceof Date - ? true - : false; - - //force linear interpolation when missing_is_hidden is enabled - if (args.missing_is_hidden) { - args.interpolate = 'linear'; - } - - //are we replacing missing y values with zeros? - if ((args.missing_is_zero || args.missing_is_hidden) - && args.chart_type === 'line' - && is_time_series - ) { - for (var i = 0; i < args.data.length; i++) { - //we need to have a dataset of length > 2, so if it's less than that, skip - if (args.data[i].length == 1) { - continue; - } - - var first = args.data[i][0]; - var last = args.data[i][args.data[i].length-1]; - //initialize our new array for storing the processed data - var processed_data = []; - - //we'll be starting from the day after our first date - var start_date = MG.clone(first[args.x_accessor]).setDate(first[args.x_accessor].getDate() + 1); - - //if we've set a max_x, add data points up to there - var from = (args.min_x) ? args.min_x : start_date; - var upto = (args.max_x) ? args.max_x : last[args.x_accessor]; - for (var d = new Date(from); d <= upto; d.setDate(d.getDate() + 1)) { - var o = {}; - d.setHours(0, 0, 0, 0); - - //add the first date item (judge me not, world) - //we'll be starting from the day after our first date - if (Date.parse(d) === Date.parse(new Date(start_date))) { - processed_data.push(MG.clone(args.data[i][0])); - } - - //check to see if we already have this date in our data object - var existing_o = null; - args.data[i].forEach(function(val, i) { - if (Date.parse(val[args.x_accessor]) === Date.parse(new Date(d))) { - existing_o = val; - - return false; - } - }); - - //if we don't have this date in our data object, add it and set it to zero - if (!existing_o) { - o[args.x_accessor] = new Date(d); - o[args.y_accessor] = 0; - o['missing'] = true; //we want to distinguish between zero-value and missing observations - processed_data.push(o); - } - //otherwise, use the existing object for that date - else { - processed_data.push(existing_o); - } - - //add the last data item - if (Date.parse(d) === Date.parse(new Date(last[args.x_accessor]))) { - processed_data.push(last); - } - } - - //update our date object - args.data[i] = processed_data; - } - } - - return this; - } - - function process_histogram(args) { - 'use strict'; - // if args.binned=False, then we need to bin the data appropriately. - // if args.binned=True, then we need to make sure to compute the relevant computed data. - // the outcome of either of these should be something in args.computed_data. - // the histogram plotting function will be looking there for the data to plot. - - // we need to compute an array of objects. - // each object has an x, y, and dx. - - // histogram data is always single dimension - var our_data = args.data[0]; - var extracted_data; - if (args.binned === false) { - // use d3's built-in layout.histogram functionality to compute what you need. - - if (typeof(our_data[0]) === 'object') { - // we are dealing with an array of objects. Extract the data value of interest. - extracted_data = our_data - .map(function(d) { - return d[args.x_accessor]; - }); - } else if (typeof(our_data[0]) === 'number') { - // we are dealing with a simple array of numbers. No extraction needed. - extracted_data = our_data; - } else { - console.log('TypeError: expected an array of numbers, found ' + typeof(our_data[0])); - return; - } - - var hist = d3.layout.histogram(); - if (args.bins) { - hist = hist.bins(args.bins); - } - - args.processed_data = hist(extracted_data) - .map(function(d) { - // extract only the data we need per data point. - return {'x': d.x, 'y': d.y, 'dx': d.dx}; - }); - } else { - // here, we just need to reconstruct the array of objects - // take the x accessor and y accessor. - // pull the data as x and y. y is count. - - args.processed_data = our_data.map(function(d) { - return {'x': d[args.x_accessor], 'y': d[args.y_accessor]}; - }); - - var this_pt; - var next_pt; - - // we still need to compute the dx component for each data point - for (var i=0; i < args.processed_data.length; i++) { - this_pt = args.processed_data[i]; - if (i === args.processed_data.length - 1) { - this_pt.dx = args.processed_data[i-1].dx; - } else { - next_pt = args.processed_data[i+1]; - this_pt.dx = next_pt.x - this_pt.x; - } - } - } - - args.data = [args.processed_data]; - args.x_accessor = args.processed_x_accessor; - args.y_accessor = args.processed_y_accessor; - - return this; - } - - function process_categorical_variables(args) { - // For use with bar charts, etc. - 'use strict'; - var extracted_data, processed_data={}, pd=[]; - var our_data = args.data[0]; - var label_accessor = args.bar_orientation === 'vertical' ? args.x_accessor : args.y_accessor; - var data_accessor = args.bar_orientation === 'vertical' ? args.y_accessor : args.x_accessor; - - args.categorical_variables = []; - - if (args.binned === false) { - if (typeof(our_data[0]) === 'object') { - // we are dealing with an array of objects. Extract the data value of interest. - extracted_data = our_data - .map(function(d) { - return d[label_accessor]; - }); - } else { - extracted_data = our_data; - } - - var this_dp; - - for (var i=0; i< extracted_data.length; i++) { - this_dp=extracted_data[i]; - if (args.categorical_variables.indexOf(this_dp) === -1) args.categorical_variables.push(this_dp); - if (!processed_data.hasOwnProperty(this_dp)) processed_data[this_dp] = 0; - - processed_data[this_dp] += 1; - } - - processed_data = Object.keys(processed_data).map(function(d) { - var obj = {}; - obj[data_accessor] = processed_data[d]; - obj[label_accessor] = d; - return obj; - }); - } else { - // nothing needs to really happen here. - processed_data = our_data; - args.categorical_variables = d3.set(processed_data.map(function(d) { - return d[label_accessor]; - })).values(); - args.categorical_variables.reverse(); - } - - args.data = [processed_data]; - return this; - } - - function process_point(args) { - 'use strict'; - var data = args.data[0]; - var x = data.map(function(d) { return d[args.x_accessor]; }); - var y = data.map(function(d) { return d[args.y_accessor]; }); - - if (args.least_squares) { - args.ls_line = least_squares(x,y); - } - - //args.lowess_line = lowess_robust(x,y, .5, 100) - return this; - - } - - function add_ls(args) { - var svg = mg_get_svg_child_of(args.target); - var data = args.data[0]; - var min_x = args.scales.X.ticks(args.xax_count)[0]; - var max_x = args.scales.X.ticks(args.xax_count)[args.scales.X.ticks(args.xax_count).length - 1]; - - d3.select(args.target).selectAll('.mg-least-squares-line').remove(); - - svg.append('svg:line') - .attr('x1', args.scales.X(min_x)) - .attr('x2', args.scales.X(max_x)) - .attr('y1', args.scales.Y(args.ls_line.fit(min_x)) ) - .attr('y2', args.scales.Y(args.ls_line.fit(max_x)) ) - .attr('class', 'mg-least-squares-line'); - } - - function add_lowess(args) { - var svg = d3.select($(args.target).find('svg').get(0)); - var lowess = args.lowess_line; - - var line = d3.svg.line() - .x(function(d) { return args.scales.X(d.x); }) - .y(function(d) { return args.scales.Y(d.y); }) - .interpolate(args.interpolate); - - svg.append('path') - .attr('d', line(lowess)) - .attr('class', 'mg-lowess-line'); - } - - function lowess_robust(x, y, alpha, inc) { - // Used http://www.unc.edu/courses/2007spring/biol/145/001/docs/lectures/Oct27.html - // for the clear explanation of robust lowess. - - // calculate the the first pass. - var _l; - var r = []; - var yhat = d3.mean(y); - var i; - for (i = 0; i < x.length; i += 1) { r.push(1); } - _l = _calculate_lowess_fit(x,y,alpha, inc, r); - var x_proto = _l.x; - var y_proto = _l.y; - - // Now, take the fit, recalculate the weights, and re-run LOWESS using r*w instead of w. - - for (i = 0; i < 100; i += 1) { - r = d3.zip(y_proto, y).map(function(yi) { - return Math.abs(yi[1] - yi[0]); - }); - - var q = d3.quantile(r.sort(), 0.5); - - r = r.map(function(ri) { - return _bisquare_weight(ri / (6 * q)); - }); - - _l = _calculate_lowess_fit(x,y,alpha,inc, r); - x_proto = _l.x; - y_proto = _l.y; - } - - return d3.zip(x_proto, y_proto).map(function(d) { - var p = {}; - p.x = d[0]; - p.y = d[1]; - return p; - }); - } - - function lowess(x, y, alpha, inc) { - var r = []; - for (var i = 0; i < x.length; i += 1) { r.push(1); } - var _l = _calculate_lowess_fit(x, y, alpha, inc, r); - } - - function least_squares(x_, y_) { - var x, y, xi, yi, - _x = 0, - _y = 0, - _xy = 0, - _xx = 0; - - var n = x_.length; - if (x_[0] instanceof Date) { - x = x_.map(function(d) { - return d.getTime(); - }); - } else { - x = x_; - } - - if (y_[0] instanceof Date) { - y = y_.map(function(d) { - return d.getTime(); - }); - } else { - y = y_; - } - - var xhat = d3.mean(x); - var yhat = d3.mean(y); - var numerator = 0, denominator = 0; - - for (var i = 0; i < x.length; i++) { - xi = x[i]; - yi = y[i]; - numerator += (xi - xhat) * (yi - yhat); - denominator += (xi - xhat) * (xi - xhat); - } - - var beta = numerator / denominator; - var x0 = yhat - beta * xhat; - - return { - x0: x0, - beta: beta, - fit: function(x) { - return x0 + x * beta; - } - }; - } - - function _pow_weight(u, w) { - if (u >= 0 && u <= 1) { - return Math.pow(1 - Math.pow(u,w), w); - } else { - return 0; - } - } - - function _bisquare_weight(u) { - return _pow_weight(u, 2); - } - - function _tricube_weight(u) { - return _pow_weight(u, 3); - } - - function _neighborhood_width(x0, xis) { - return Array.max(xis.map(function(xi) { - return Math.abs(x0 - xi); - })); - } - - function _manhattan(x1,x2) { - return Math.abs(x1 - x2); - } - - function _weighted_means(wxy) { - var wsum = d3.sum(wxy.map(function(wxyi) { return wxyi.w; })); - - return { - xbar: d3.sum(wxy.map(function(wxyi) { - return wxyi.w * wxyi.x; - })) / wsum, - ybar:d3.sum(wxy.map(function(wxyi) { - return wxyi.w * wxyi.y; - })) / wsum - }; - } - - function _weighted_beta(wxy, xbar, ybar) { - var num = d3.sum(wxy.map(function(wxyi) { - return Math.pow(wxyi.w, 2) * (wxyi.x - xbar) * (wxyi.y - ybar); - })); - - var denom = d3.sum(wxy.map(function(wxyi) { - return Math.pow(wxyi.w, 2) * (Math.pow(wxyi.x - xbar), 2); - })); - - return num / denom; - } - - function _weighted_least_squares(wxy) { - var ybar, xbar, beta_i, x0; - - var _wm = _weighted_means(wxy); - - xbar = _wm.xbar; - ybar = _wm.ybar; - - var beta = _weighted_beta(wxy, xbar, ybar); - - return { - beta : beta, - xbar : xbar, - ybar : ybar, - x0 : ybar - beta * xbar - - }; - } - - function _calculate_lowess_fit(x, y, alpha, inc, residuals) { - // alpha - smoothing factor. 0 < alpha < 1/ - // - // - var k = Math.floor(x.length * alpha); - - var sorted_x = x.slice(); - - sorted_x.sort(function(a,b) { - if (a < b) { return -1; } - else if (a > b) { return 1; } - - return 0; - }); - - var x_max = d3.quantile(sorted_x, 0.98); - var x_min = d3.quantile(sorted_x, 0.02); - - var xy = d3.zip(x, y, residuals).sort(); - - var size = Math.abs(x_max - x_min) / inc; - - var smallest = x_min; - var largest = x_max; - var x_proto = d3.range(smallest, largest, size); - - var xi_neighbors; - var x_i, beta_i, x0_i, delta_i, xbar, ybar; - - // for each prototype, find its fit. - var y_proto = []; - - for (var i = 0; i < x_proto.length; i += 1) { - x_i = x_proto[i]; - - // get k closest neighbors. - xi_neighbors = xy.map(function(xyi) { - return [ - Math.abs(xyi[0] - x_i), - xyi[0], - xyi[1], - xyi[2]]; - }).sort().slice(0, k); - - // Get the largest distance in the neighbor set. - delta_i = d3.max(xi_neighbors)[0]; - - // Prepare the weights for mean calculation and WLS. - - xi_neighbors = xi_neighbors.map(function(wxy) { - return { - w : _tricube_weight(wxy[0] / delta_i) * wxy[3], - x : wxy[1], - y :wxy[2] - }; - }); - - // Find the weighted least squares, obviously. - var _output = _weighted_least_squares(xi_neighbors); - - x0_i = _output.x0; - beta_i = _output.beta; - - // - y_proto.push(x0_i + beta_i * x_i); - } - - return {x: x_proto, y: y_proto}; - } - - function rolloverNumberFormatter(args) { - var num; - if (args.format === 'count') { - num = function(d_) { - var is_float = d_ % 1 !== 0; - var n = d3.format("0,000"); - d_ = is_float ? d3.round(d_, args.decimals) : d_; - return n(d_); - }; - } else { - num = function(d_) { - var fmt_string = (args.decimals ? '.' + args.decimals : '' ) + '%'; - var n = d3.format(fmt_string); - return n(d_); - }; - } - return num; - } - - // http://bl.ocks.org/mbostock/3916621 - function pathTween(d1, precision) { - return function() { - var path0 = this, - path1 = path0.cloneNode(), - n0 = path0.getTotalLength(), - n1 = (path1.setAttribute("d", d1), path1).getTotalLength(); - - // Uniform sampling of distance based on specified precision. - var distances = [0], i = 0, dt = precision / Math.max(n0, n1); - while ((i += dt) < 1) distances.push(i); - distances.push(1); - - // Compute point-interpolators at each distance. - var points = distances.map(function(t) { - var p0 = path0.getPointAtLength(t * n0), - p1 = path1.getPointAtLength(t * n1); - return d3.interpolate([p0.x, p0.y], [p1.x, p1.y]); - }); - - return function(t) { - return t < 1 ? "M" + points.map(function(p) { return p(t); }).join("L") : d1; - }; - }; - } - - //a set of helper functions, some that we've written, others that we've borrowed - - MG.convert = {}; - - MG.convert.date = function(data, accessor, time_format) { - time_format = (typeof time_format === "undefined") ? '%Y-%m-%d' : time_format; - data = data.map(function(d) { - var fff = d3.time.format(time_format); - d[accessor] = fff.parse(d[accessor]); - return d; - }); - - return data; - }; - - MG.convert.number = function(data, accessor) { - data = data.map(function(d) { - d[accessor] = Number(d[accessor]); - return d; - }); - - return data; - }; - - function mg_get_svg_child_of(selector_or_node) { - return d3.select(selector_or_node).select('svg'); - } - - function mg_strip_punctuation(s) { - var processed_s; - - if (typeof(s) == 'string') { - processed_s = s; - } else { - // args.target is - if (s.id != '') { - processed_s = s.id; - } else if (args.target.className != '') { - processed_s = s.className; - } else if (args.target.nodeName !='') { - processed_s = s.nodeName; - } else { - console.warn('The specified target element ' + s + ' has no unique attributes.'); - } - } - - var punctuationless = processed_s.replace(/[^a-zA-Z0-9 _]+/g, ''); - var finalString = punctuationless.replace(/ +?/g, ""); - - return finalString; - } - - function get_pixel_dimension(target, dimension) { - return Number(d3.select(target).style(dimension).replace(/px/g, '')); - } - - function get_width(target) { - return get_pixel_dimension(target, 'width'); - } - - function get_height(target) { - return get_pixel_dimension(target, 'height'); - } - - function isNumeric(n) { - return !isNaN(parseFloat(n)) && isFinite(n); - } - - var each = function(obj, iterator, context) { - // yanked out of underscore - if (obj === null) return obj; - if (Array.prototype.forEach && obj.forEach === Array.prototype.forEach) { - obj.forEach(iterator, context); - } else if (obj.length === +obj.length) { - for (var i = 0, length = obj.length; i < length; i++) { - if (iterator.call(context, obj[i], i, obj) === breaker) return; - } - } else { - for (var k in obj) { - if (iterator.call(context, obj[k], k, obj) === breaker) return; - } - } - - return obj; - }; - - function merge_with_defaults(obj) { - // taken from underscore - each(Array.prototype.slice.call(arguments, 1), function(source) { - if (source) { - for (var prop in source) { - if (obj[prop] === void 0) obj[prop] = source[prop]; - } - } - }); - - return obj; - } - - function number_of_values(data, accessor, value) { - var values = data.filter(function(d) { - return d[accessor] === value; - }); - - return values.length; - } - - function has_values_below(data, accessor, value) { - var values = data.filter(function(d) { - return d[accessor] <= value; - }); - - return values.length > 0; - } - - function has_too_many_zeros(data, accessor, zero_count) { - return number_of_values(data, accessor, 0) >= zero_count; - } - - //deep copy - //http://stackoverflow.com/questions/728360/most-elegant-way-to-clone-a-javascript-object - MG.clone = function(obj) { - var copy; - - // Handle the 3 simple types, and null or undefined - if (null === obj || "object" !== typeof obj) return obj; - - // Handle Date - if (obj instanceof Date) { - copy = new Date(); - copy.setTime(obj.getTime()); - return copy; - } - - // Handle Array - if (obj instanceof Array) { - copy = []; - for (var i = 0, len = obj.length; i < len; i++) { - copy[i] = MG.clone(obj[i]); - } - return copy; - } - - // Handle Object - if (obj instanceof Object) { - copy = {}; - for (var attr in obj) { - if (obj.hasOwnProperty(attr)) copy[attr] = MG.clone(obj[attr]); - } - return copy; - } - - throw new Error("Unable to copy obj! Its type isn't supported."); - }; - - //give us the difference of two int arrays - //http://radu.cotescu.com/javascript-diff-function/ - function arrDiff(a,b) { - var seen = [], - diff = [], - i; - for (i = 0; i < b.length; i++) - seen[b[i]] = true; - for (i = 0; i < a.length; i++) - if (!seen[a[i]]) - diff.push(a[i]); - return diff; - } - - - /** - Print warning message to the console when a feature has been scheduled for removal - - @author Dan de Havilland (github.com/dandehavilland) - @date 2014-12 - */ - function warnDeprecation(message, untilVersion) { - console.warn('Deprecation: ' + message + (untilVersion ? '. This feature will be removed in ' + untilVersion + '.' : ' the near future.')); - console.trace(); - } - - /** - Truncate a string to fit within an SVG text node - CSS text-overlow doesn't apply to SVG <= 1.2 - - @author Dan de Havilland (github.com/dandehavilland) - @date 2014-12-02 - */ - function truncate_text(textObj, textString, width) { - var bbox, - position = 0; - - textObj.textContent = textString; - bbox = textObj.getBBox(); - - while (bbox.width > width) { - textObj.textContent = textString.slice(0, --position) + '...'; - bbox = textObj.getBBox(); - - if (textObj.textContent === '...') { - break; - } - } - } - - - /** - Wrap the contents of a text node to a specific width - - Adapted from bl.ocks.org/mbostock/7555321 - - @author Mike Bostock - @author Dan de Havilland - @date 2015-01-14 - */ - function wrapText(text, width, token, tspanAttrs) { - text.each(function() { - var text = d3.select(this), - words = text.text().split(token || /\s+/).reverse(), - word, - line = [], - lineNumber = 0, - lineHeight = 1.1, // ems - y = text.attr("y"), - dy = 0, - tspan = text.text(null) - .append("tspan") - .attr("x", 0) - .attr("y", dy + "em") - .attr(tspanAttrs || {}); - - while (!!(word = words.pop())) { - line.push(word); - tspan.text(line.join(" ")); - if (width === null || tspan.node().getComputedTextLength() > width) { - line.pop(); - tspan.text(line.join(" ")); - line = [word]; - tspan = text - .append("tspan") - .attr("x", 0) - .attr("y", ++lineNumber * lineHeight + dy + "em") - .attr(tspanAttrs || {}) - .text(word); - } - } - }); - } - - //call this to add a warning icon to a graph and log an error to the console - function error(args) { - console.log('ERROR : ', args.target, ' : ', args.error); - - d3.select(args.target).select('.mg-chart-title') - .append('i') - .attr('class', 'fa fa-x fa-exclamation-circle warning'); - } - - return MG; - })); -}).call(this); \ No newline at end of file diff --git a/dist/metricsgraphics.min.js b/dist/metricsgraphics.min.js deleted file mode 100644 index 222fb16f82..0000000000 --- a/dist/metricsgraphics.min.js +++ /dev/null @@ -1,3 +0,0 @@ -(function(){"use strict";!function(t,e){"function"==typeof define&&define.amd?define(["d3","jquery"],e):"object"==typeof exports?module.exports=e(require("d3"),require("jquery")):t.MG=e(t.d3,t.jQuery)}(this,function(t,e){function r(r){var a=t.select(r.target);if(a.select(".mg-chart-title").remove(),r.target&&r.title){var n=r.show_tooltips&&r.description?'':"";if(a.insert("h2",":first-child").attr("class","mg-chart-title").html(r.title+n),r.show_tooltips&&r.description){var o=e(a.node()).find("h2.mg-chart-title");o.popover({html:!0,animation:!1,content:r.description,trigger:"hover",placement:"top",container:o})}}r.error&&L(r)}function a(t){for(var e=F(t.target),r="point"===t.chart_type?t.buffer/2:2*t.buffer/3,a=[],n=0;n0},u=function(t){return t[e.y_accessor]},d=0;d0){var p=t.extent(f,u);l?(o=Math.min(p[0],o),s=Math.max(p[1],s)):(o=p[0],s=p[1],l=!0)}}o>=0&&!e.min_y&&!e.min_y_from_data&&(o=0),"bar"===e.chart_type&&(o=0,s=t.max(e.data[0],function(t){var r=[];return r.push(t[e.y_accessor]),null!==e.baseline_accessor&&r.push(t[e.baseline_accessor]),null!==e.predictor_accessor&&r.push(t[e.predictor_accessor]),Math.max.apply(null,r)})),o=null!==e.min_y?e.min_y:o,s=null!==e.max_y?e.max_y:s*e.inflator,"log"!==e.y_scale_type&&(o>=0?e.y_axis_negative=!1:(o-=s*(e.inflator-1),e.y_axis_negative=!0)),!e.min_y&&e.min_y_from_data&&(o/=e.inflator),"log"===e.y_scale_type?("histogram"===e.chart_type?o=.2:0>=o&&(o=1),e.scales.Y=t.scale.log().domain([o,s]).range([e.height-e.bottom-e.buffer,e.top]).clamp(!0)):e.scales.Y=t.scale.linear().domain([o,s]).range([e.height-e.bottom-e.buffer,e.top]),e.processed.min_y=o,e.processed.max_y=s,e.scales.Y_axis=t.scale.linear().domain([e.processed.min_y,e.processed.max_y]).range([e.height-e.bottom-e.buffer,e.top]);var h=e.yax_format;if(h||(h="count"===e.format?function(r){if(1>r)return e.yax_units+t.round(r,e.decimals);var a=t.formatPrefix(r);return e.yax_units+a.scale(r)+a.symbol}:function(e){var r=t.format("%p");return r(e)}),i.selectAll(".mg-y-axis").remove(),!e.y_axis)return this;n=i.append("g").classed("mg-y-axis",!0).classed("mg-y-axis-small",e.use_small_class),e.y_label&&n.append("text").attr("class","label").attr("x",function(){return-1*(e.top+e.buffer+(e.height-e.bottom-e.buffer-(e.top+e.buffer))/2)}).attr("y",function(){return e.left/2}).attr("dy","0.4em").attr("text-anchor","middle").text(function(){return e.y_label}).attr("transform",function(){return"rotate(-90)"});var m=e.scales.Y.ticks(e.yax_count);"log"===e.y_scale_type&&(m=m.filter(function(t){return Math.abs(r(t))%1<1e-6||Math.abs(r(t))%1>1-1e-6}));var g=e.scales.Y.ticks(e.yax_count).length,_=!0;e.data.forEach(function(t){t.forEach(function(t){return t[e.y_accessor]%1!==0?(_=!1,!1):void 0})}),_&&g>s&&"count"===e.format&&(m=m.filter(function(t){return t%1===0}));var v=m.length-1;return e.x_extended_ticks||e.y_extended_ticks||n.append("line").attr("x1",e.left).attr("x2",e.left).attr("y1",e.scales.Y(m[0]).toFixed(2)).attr("y2",e.scales.Y(m[v]).toFixed(2)),n.selectAll(".mg-yax-ticks").data(m).enter().append("line").classed("mg-extended-y-ticks",e.y_extended_ticks).attr("x1",e.left).attr("x2",function(){return e.y_extended_ticks?e.width-e.right:e.left-e.yax_tick_length}).attr("y1",function(t){return e.scales.Y(t).toFixed(2)}).attr("y2",function(t){return e.scales.Y(t).toFixed(2)}),n.selectAll(".mg-yax-labels").data(m).enter().append("text").attr("x",e.left-3*e.yax_tick_length/2).attr("dx",-3).attr("y",function(t){return e.scales.Y(t).toFixed(2)}).attr("dy",".35em").attr("text-anchor","end").text(function(t){var e=h(t);return e}),e.y_rug&&a(e),this}function o(e){e.scales.Y=t.scale.ordinal().domain(e.categorical_variables).rangeRoundBands([e.height-e.bottom-e.buffer,e.top],e.padding_percentage,e.outer_padding_percentage),e.scalefns.yf=function(t){return e.scales.Y(t[e.y_accessor])};var r=F(e.target);r.selectAll(".mg-y-axis").remove();var a=r.append("g").classed("mg-y-axis",!0).classed("mg-y-axis-small",e.use_small_class);return e.y_axis?(a.selectAll("text").data(e.categorical_variables).enter().append("svg:text").attr("x",e.left).attr("y",function(t){return e.scales.Y(t)+e.scales.Y.rangeBand()/2+e.buffer*e.outer_padding_percentage}).attr("dy",".35em").attr("text-anchor","end").text(String),this):this}function s(t){for(var e="point"===t.chart_type?t.buffer/2:t.buffer,r=F(t.target),a=[],n=0;n10?t.scale.category20():t.scale.category10(),e.scales.color.domain(n)),e.scalefns.color=function(t){return e.scales.color(t[e.color_accessor])})}function u(e){var r,a,n,o;null!==e.size_accessor&&(null===e.size_domain?(r=t.min(e.data[0],function(t){return t[e.size_accessor]}),a=t.max(e.data[0],function(t){return t[e.size_accessor]}),n=[r,a]):n=e.size_domain,o=null===e.size_range?[1,5]:e.size_range,e.scales.size=t.scale.linear().domain(n).range(o).clamp(!0),e.scalefns.size=function(t){return e.scales.size(t[e.size_accessor])})}function d(t,e){t.append("text").attr("class","label").attr("x",function(){return(e.left+e.width-e.right)/2}).attr("y",(e.height-e.bottom/2).toFixed(2)).attr("dy",".50em").attr("text-anchor","middle").text(function(){return e.x_label})}function f(e){return e.xax_format?e.xax_format:function(r){if(1>r)return e.xax_units+t.round(r,e.decimals);var a=t.formatPrefix(r);return e.xax_units+a.scale(r)+a.symbol}}function p(e){if(e.xax_format)return e.xax_format;var r,a,n;return e.time_series&&(r=(e.processed.max_x-e.processed.min_x)/1e3,60>r?(a=t.time.format("%M:%S"),n="seconds"):24>=r/3600?(a=t.time.format("%H:%M"),n="less-than-a-day"):96>=r/3600?(a=t.time.format("%H:%M"),n="four-days"):(a=t.time.format("%b %d"),n="default")),e.processed.main_x_time_format=a,e.processed.x_time_frame=n,function(r){var a=(t.time.format("%b %d"),t.formatPrefix(r));return e.data[0][0][e.x_accessor]instanceof Date?e.processed.main_x_time_format(r):"number"==typeof e.data[0][0][e.x_accessor]?1>r?e.xax_units+t.round(r,e.decimals):(a=t.formatPrefix(r),e.xax_units+a.scale(r)+a.symbol):r}}function h(t,e){var r=e.scales.X.ticks(e.xax_count).length-1,a=e.scales.X.ticks(e.xax_count);e.xax_start_at_min&&(a[0]=e.processed.min_x),"bar"===e.chart_type||e.x_extended_ticks||e.y_extended_ticks||t.append("line").attr("x1",function(){return 0===e.xax_count?e.left+e.buffer:e.xax_start_at_min?e.scales.X(e.processed.min_x).toFixed(2):e.scales.X(e.scales.X.ticks(e.xax_count)[0]).toFixed(2)}).attr("x2",0===e.xax_count?e.width-e.right-e.buffer:e.scales.X(e.scales.X.ticks(e.xax_count)[r]).toFixed(2)).attr("y1",e.height-e.bottom).attr("y2",e.height-e.bottom),t.selectAll(".mg-xax-ticks").data(a).enter().append("line").attr("x1",function(t){return e.scales.X(t).toFixed(2)}).attr("x2",function(t){return e.scales.X(t).toFixed(2)}).attr("y1",e.height-e.bottom).attr("y2",function(){return e.x_extended_ticks?e.top:e.height-e.bottom+e.xax_tick_length}).attr("class",function(){return e.x_extended_ticks?"mg-extended-x-ticks":void 0})}function m(e,r){var a=r.scales.X.ticks(r.xax_count);if(r.xax_start_at_min&&(a[0]=r.processed.min_x),e.selectAll(".mg-xax-labels").data(a).enter().append("text").attr("x",function(t){return r.scales.X(t).toFixed(2)}).attr("y",(r.height-r.bottom+7*r.xax_tick_length/3).toFixed(2)).attr("dy",".50em").attr("text-anchor","middle").text(function(t){return r.xax_units+r.xax_format(t)}),r.time_series&&(r.show_years||r.show_secondary_x_label)){var n,o,s=r.processed.x_time_frame;switch(s){case"seconds":n=t.time.days,o=t.time.format("%I %p");break;case"less-than-a-day":n=t.time.days,o=t.time.format("%b %d");break;case"four-days":n=t.time.days,o=t.time.format("%b %d");break;default:n=t.time.years,o=t.time.format("%Y")}var i=n(r.processed.min_x,r.processed.max_x);if(r.xax_start_at_min&&0===i.length){var l=a[0];i=[l]}else if(0===i.length){var l=r.scales.X.ticks(r.xax_count)[0];i=[l]}e=e.append("g").classed("mg-year-marker",!0).classed("mg-year-marker-small",r.use_small_class),"default"===s&&r.show_year_marker&&e.selectAll(".mg-year-marker").data(i).enter().append("line").attr("x1",function(t){return r.scales.X(t).toFixed(2)}).attr("x2",function(t){return r.scales.X(t).toFixed(2)}).attr("y1",r.top).attr("y2",r.height-r.bottom),e.selectAll(".mg-year-marker").data(i).enter().append("text").attr("x",function(t,e){return r.xax_start_at_min&&0==e&&(t=a[0]),r.scales.X(t).toFixed(2)}).attr("y",(r.height-r.bottom+7*r.xax_tick_length/1.3).toFixed(2)).attr("dy",r.use_small_class?-3:0).attr("text-anchor","middle").text(function(t){return o(t)})}}function g(e){var r,a,n=[],o=[].concat.apply([],e.data),s=function(t){return t[e.x_accessor]};if(null===e.xax_format&&delete e.xax_format,"line"===e.chart_type||"point"===e.chart_type||"histogram"===e.chart_type?(n=t.extent(o,s),r=n[0],a=n[1]):"bar"===e.chart_type&&(r=0,a=t.max(o,function(t){var r=[t[e.x_accessor],t[e.baseline_accessor]?t[e.baseline_accessor]:0,t[e.predictor_accessor]?t[e.predictor_accessor]:0];return Math.max.apply(null,r)})),r===a){if(r instanceof Date){var i=MG.clone(r).setDate(r.getDate()-1),l=MG.clone(r).setDate(r.getDate()+1);r=i,a=l}else"number"==typeof r?(r-=1,a+=1):"string"==typeof r&&(r=Number(r)-1,a=Number(a)+1);e.xax_count=2}r=e.min_x?e.min_x:r,a=e.max_x?e.max_x:a,e.x_axis_negative=!1,e.processed.min_x=r,e.processed.max_x=a,_(e),e.time_series||e.processed.min_x<0&&(e.processed.min_x=e.processed.min_x-e.processed.max_x*(e.inflator-1),e.x_axis_negative=!0),e.additional_buffer="bar"===e.chart_type?5*e.buffer:0}function _(t){t.xax_format||"line"!==t.chart_type||(t.xax_format=p(t)),t.xax_format||"point"!==t.chart_type||(t.xax_format=p(t)),t.xax_format||"histogram"!==t.chart_type||(t.xax_format=p(t)),t.xax_format||"bar"!==t.chart_type||(t.xax_format=f(t))}function v(e){var a={target:null,title:null,description:null};if(e=arguments[0],e||(e={}),e=N(e,a),t.select(e.target).empty())return void console.warn('The specified target element "'+e.target+'" could not be found in the page. The chart will not be rendered.');var n=t.select(e.target),o=n.selectAll("svg");e.time_series=e.data[0][0][e.x_accessor]instanceof Date?!0:!1;var s=e.width,i=e.height;e.full_width&&(s=z(e.target)),e.full_height&&(i=E(e.target)),"bar"===e.chart_type&&null===i&&(i=e.height=e.data[0].length*e.bar_height+e.top+e.bottom),(!o.selectAll(".mg-main-line").empty()&&"line"!==e.chart_type||!o.selectAll(".mg-points").empty()&&"point"!==e.chart_type||!o.selectAll(".mg-histogram").empty()&&"histogram"!==e.chart_type||!o.selectAll(".mg-barplot").empty()&&"bar"!==e.chart_type)&&o.remove(),F(e.target).empty()&&(o=t.select(e.target).append("svg").classed("linked",e.linked).attr("width",s).attr("height",i)),e.width=s,e.height=i,o.selectAll(".mg-clip-path").remove(),o.append("defs").attr("class","mg-clip-path").append("clipPath").attr("id","mg-plot-window-"+C(e.target)).append("svg:rect").attr("x",e.left).attr("y",e.top).attr("width",e.width-e.left-e.right-e.buffer).attr("height",e.height-e.top-e.bottom-e.buffer+1),s!==Number(o.attr("width"))&&o.attr("width",s),i!==Number(o.attr("height"))&&o.attr("height",i),o.attr("viewBox","0 0 "+s+" "+i),(e.full_width||e.full_height)&&o.attr("preserveAspectRatio","xMinYMin meet"),o.classed("mg-missing",!1),o.selectAll(".mg-missing-text").remove(),o.selectAll(".mg-missing-pane").remove(),r(e),e.use_small_class=e.height-e.top-e.bottom-e.buffer<=e.small_height_threshold&&e.width-e.left-e.right-2*e.buffer<=e.small_width_threshold||e.small_text;var l=0;if(e.data.length0){var c=function(t){for(var e=new Array(t),r=0;rd;l--)o.selectAll(".mg-main-line.mg-line"+l+"-color").remove()}return this}function x(e){function r(r){if(r&&1!=r.length)for(var n=0;nr.right||n.righte.buffer+e.left&&e.scales.X(t[e.x_accessor])=c;c.setDate(c.getDate()+1)){var u={};c.setHours(0,0,0,0),Date.parse(c)===Date.parse(new Date(s))&&o.push(MG.clone(t.data[r][0]));var d=null;t.data[r].forEach(function(e){return Date.parse(e[t.x_accessor])===Date.parse(new Date(c))?(d=e,!1):void 0}),d?o.push(d):(u[t.x_accessor]=new Date(c),u[t.y_accessor]=0,u.missing=!0,o.push(u)),Date.parse(c)===Date.parse(new Date(n[t.x_accessor]))&&o.push(n)}t.data[r]=o}return this}function A(e){var r,a=e.data[0];if(e.binned===!1){if("object"==typeof a[0])r=a.map(function(t){return t[e.x_accessor]});else{if("number"!=typeof a[0])return void console.log("TypeError: expected an array of numbers, found "+typeof a[0]);r=a}var n=t.layout.histogram();e.bins&&(n=n.bins(e.bins)),e.processed_data=n(r).map(function(t){return{x:t.x,y:t.y,dx:t.dx}})}else{e.processed_data=a.map(function(t){return{x:t[e.x_accessor],y:t[e.y_accessor]}});for(var o,s,i=0;it?"M"+u.map(function(e){return e(t)}).join("L"):e}}}function F(e){return t.select(e).select("svg")}function C(t){var e;"string"==typeof t?e=t:""!=t.id?e=t.id:""!=args.target.className?e=t.className:""!=args.target.nodeName?e=t.nodeName:console.warn("The specified target element "+t+" has no unique attributes.");var r=e.replace(/[^a-zA-Z0-9 _]+/g,""),a=r.replace(/ +?/g,"");return a}function P(e,r){return Number(t.select(e).style(r).replace(/px/g,""))}function z(t){return P(t,"width")}function E(t){return P(t,"height")}function N(t){return I(Array.prototype.slice.call(arguments,1),function(e){if(e)for(var r in e)void 0===t[r]&&(t[r]=e[r])}),t}function $(t,e){var r,a=[],n=[];for(r=0;rr&&(t.textContent=e.slice(0,--n)+"...",a=t.getBBox(),"..."!==t.textContent););}function L(e){console.log("ERROR : ",e.target," : ",e.error),t.select(e.target).select(".mg-chart-title").append("i").attr("class","fa fa-x fa-exclamation-circle warning")}window.MG={version:"2.2.1"};var S={};MG.globals={},MG.deprecations={rollover_callback:{replacement:"mouseover",version:"2.0"},rollout_callback:{replacement:"mouseout",version:"2.0"},show_years:{replacement:"show_secondary_x_label",version:"2.1"}},MG.globals.link=!1,MG.globals.version="1.1",MG.data_graphic=function(){var e={};e.all={missing_is_zero:!1,missing_is_hidden:!1,legend:"",legend_target:"",error:"",animate_on_load:!1,top:40,bottom:30,right:10,left:50,buffer:8,width:350,height:220,full_width:!1,full_height:!1,small_height_threshold:120,small_width_threshold:160,small_text:!1,xax_count:6,xax_tick_length:5,xax_start_at_min:!1,yax_count:5,yax_tick_length:5,x_extended_ticks:!1,y_extended_ticks:!1,y_scale_type:"linear",max_x:null,max_y:null,min_x:null,min_y:null,min_y_from_data:!1,point_size:2.5,x_accessor:"date",xax_units:"",x_label:"",x_axis:!0,y_axis:!0,y_accessor:"value",y_label:"",yax_units:"",x_rug:!1,y_rug:!1,transition_on_update:!0,mouseover:null,show_rollover_text:!0,show_confidence_band:null,xax_format:null,area:!0,chart_type:"line",data:[],decimals:2,format:"count",inflator:10/9,linked:!1,linked_format:"%Y-%m-%d",list:!1,baselines:null,markers:null,scalefns:{},scales:{},show_year_marker:!1,show_secondary_x_label:!0,target:"#viz",interpolate:"cardinal",interpolate_tension:.7,custom_line_color_map:[],max_data_size:null,aggregate_rollover:!1,show_tooltips:!0},e.point={buffer:16,ls:!1,lowess:!1,point_size:2.5,size_accessor:null,color_accessor:null,size_range:null,color_range:null,size_domain:null,color_domain:null,color_type:"number"},e.histogram={mouseover:function(e){t.select("#histogram svg .mg-active-datapoint").text("Frequency Count: "+e.y)},binned:!1,bins:null,processed_x_accessor:"x",processed_y_accessor:"y",processed_dx_accessor:"dx",bar_margin:1},e.bar={y_accessor:"factor",x_accessor:"value",baseline_accessor:null,predictor_accessor:null,predictor_proportion:5,dodge_accessor:null,binned:!0,padding_percentage:0,outer_padding_percentage:.1,height:500,top:20,bar_height:20,left:70},e.missing={top:40,bottom:30,right:10,left:10,buffer:8,legend_target:"",width:350,height:220,missing_text:"Data currently missing or unavailable",scalefns:{},scales:{},show_missing_background:!0,interpolate:"cardinal"};var r=arguments[0];r||(r={}),r.list&&(r.x_accessor=0,r.y_accessor=1);for(var a in MG.deprecations)if(r.hasOwnProperty(a)){var n=MG.deprecations[a],o="Use of `args."+a+"` has been deprecated",s=n.replacement;if(s&&(r[s]?o+=". The replacement - `args."+s+"` - has already been defined. This definition will be discarded.":r[s]=r[a]),n.warned)continue;n.warned=!0,s&&(o+=" in favor of `args."+s+"`"),G(o,n.version)}var i;return"missing-data"===r.chart_type?(r=N(r,e.missing),S.missing(r)):"point"===r.chart_type?(i=N(e.point,e.all),r=N(r,i),S.point(r).mainPlot().markers().rollover().windowListeners()):"histogram"===r.chart_type?(i=N(e.histogram,e.all),r=N(r,i),S.histogram(r).mainPlot().markers().rollover().windowListeners()):"bar"===r.chart_type?(i=N(e.bar,e.all),r=N(r,i),S.bar(r).mainPlot().markers().rollover().windowListeners()):(r=N(r,e.all),S.line(r).markers().mainPlot().rollover().windowListeners()),r.data},"undefined"!=typeof jQuery&&(+function(t){function e(e){return this.each(function(){var a=t(this),n=a.data("bs.tooltip"),o="object"==typeof e&&e,s=o&&o.selector;(n||"destroy"!=e)&&(s?(n||a.data("bs.tooltip",n={}),n[s]||(n[s]=new r(this,o))):n||a.data("bs.tooltip",n=new r(this,o)),"string"==typeof e&&n[e]())})}if("function"==typeof t().tooltip)return!0;var r=function(t,e){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",t,e)};r.VERSION="3.3.1",r.TRANSITION_DURATION=150,r.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},r.prototype.init=function(e,r,a){this.enabled=!0,this.type=e,this.$element=t(r),this.options=this.getOptions(a),this.$viewport=this.options.viewport&&t(this.options.viewport.selector||this.options.viewport);for(var n=this.options.trigger.split(" "),o=n.length;o--;){var s=n[o];if("click"==s)this.$element.on("click."+this.type,this.options.selector,t.proxy(this.toggle,this));else if("manual"!=s){var i="hover"==s?"mouseenter":"focusin",l="hover"==s?"mouseleave":"focusout";this.$element.on(i+"."+this.type,this.options.selector,t.proxy(this.enter,this)),this.$element.on(l+"."+this.type,this.options.selector,t.proxy(this.leave,this))}}this.options.selector?this._options=t.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},r.prototype.getDefaults=function(){return r.DEFAULTS},r.prototype.getOptions=function(e){return e=t.extend({},this.getDefaults(),this.$element.data(),e),e.delay&&"number"==typeof e.delay&&(e.delay={show:e.delay,hide:e.delay}),e},r.prototype.getDelegateOptions=function(){var e={},r=this.getDefaults();return this._options&&t.each(this._options,function(t,a){r[t]!=a&&(e[t]=a)}),e},r.prototype.enter=function(e){var r=e instanceof this.constructor?e:t(e.currentTarget).data("bs."+this.type);return r&&r.$tip&&r.$tip.is(":visible")?void(r.hoverState="in"):(r||(r=new this.constructor(e.currentTarget,this.getDelegateOptions()),t(e.currentTarget).data("bs."+this.type,r)),clearTimeout(r.timeout),r.hoverState="in",r.options.delay&&r.options.delay.show?void(r.timeout=setTimeout(function(){"in"==r.hoverState&&r.show()},r.options.delay.show)):r.show())},r.prototype.leave=function(e){var r=e instanceof this.constructor?e:t(e.currentTarget).data("bs."+this.type);return r||(r=new this.constructor(e.currentTarget,this.getDelegateOptions()),t(e.currentTarget).data("bs."+this.type,r)),clearTimeout(r.timeout),r.hoverState="out",r.options.delay&&r.options.delay.hide?void(r.timeout=setTimeout(function(){"out"==r.hoverState&&r.hide()},r.options.delay.hide)):r.hide()},r.prototype.show=function(){var e=t.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(e);var a=t.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(e.isDefaultPrevented()||!a)return;var n=this,o=this.tip(),s=this.getUID(this.type);this.setContent(),o.attr("id",s),this.$element.attr("aria-describedby",s),this.options.animation&&o.addClass("fade");var i="function"==typeof this.options.placement?this.options.placement.call(this,o[0],this.$element[0]):this.options.placement,l=/\s?auto?\s?/i,c=l.test(i);c&&(i=i.replace(l,"")||"top"),o.detach().css({top:0,left:0,display:"block"}).addClass(i).data("bs."+this.type,this),this.options.container?o.appendTo(this.options.container):o.insertAfter(this.$element);var u=this.getPosition(),d=o[0].offsetWidth,f=o[0].offsetHeight;if(c){var p=i,h=this.options.container?t(this.options.container):this.$element.parent(),m=this.getPosition(h);i="bottom"==i&&u.bottom+f>m.bottom?"top":"top"==i&&u.top-fm.width?"left":"left"==i&&u.left-ds.top+s.height&&(n.top=s.top+s.height-l)}else{var c=e.left-o,u=e.left+o+r;cs.width&&(n.left=s.left+s.width-u)}return n},r.prototype.getTitle=function(){var t,e=this.$element,r=this.options;return t=e.attr("data-original-title")||("function"==typeof r.title?r.title.call(e[0]):r.title)},r.prototype.getUID=function(t){do t+=~~(1e6*Math.random());while(document.getElementById(t));return t},r.prototype.tip=function(){return this.$tip=this.$tip||t(this.options.template)},r.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},r.prototype.enable=function(){this.enabled=!0},r.prototype.disable=function(){this.enabled=!1},r.prototype.toggleEnabled=function(){this.enabled=!this.enabled},r.prototype.toggle=function(e){var r=this;e&&(r=t(e.currentTarget).data("bs."+this.type),r||(r=new this.constructor(e.currentTarget,this.getDelegateOptions()),t(e.currentTarget).data("bs."+this.type,r))),r.tip().hasClass("in")?r.leave(r):r.enter(r)},r.prototype.destroy=function(){var t=this;clearTimeout(this.timeout),this.hide(function(){t.$element.off("."+t.type).removeData("bs."+t.type)})};var a=t.fn.tooltip;t.fn.tooltip=e,t.fn.tooltip.Constructor=r,t.fn.tooltip.noConflict=function(){return t.fn.tooltip=a,this}}(jQuery),+function(t){function e(e){return this.each(function(){var a=t(this),n=a.data("bs.popover"),o="object"==typeof e&&e,s=o&&o.selector;(n||"destroy"!=e)&&(s?(n||a.data("bs.popover",n={}),n[s]||(n[s]=new r(this,o))):n||a.data("bs.popover",n=new r(this,o)),"string"==typeof e&&n[e]())})}if("function"==typeof t().popover)return!0;var r=function(t,e){this.init("popover",t,e)};if(!t.fn.tooltip)throw new Error("Popover requires tooltip.js");r.VERSION="3.3.1",r.DEFAULTS=t.extend({},t.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:''}),r.prototype=t.extend({},t.fn.tooltip.Constructor.prototype),r.prototype.constructor=r,r.prototype.getDefaults=function(){return r.DEFAULTS},r.prototype.setContent=function(){var t=this.tip(),e=this.getTitle(),r=this.getContent();t.find(".popover-title")[this.options.html?"html":"text"](e),t.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof r?"html":"append":"text"](r),t.removeClass("fade top bottom left right in"),t.find(".popover-title").html()||t.find(".popover-title").hide()},r.prototype.hasContent=function(){return this.getTitle()||this.getContent()},r.prototype.getContent=function(){var t=this.$element,e=this.options;return t.attr("data-content")||("function"==typeof e.content?e.content.call(t[0]):e.content)},r.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},r.prototype.tip=function(){return this.$tip||(this.$tip=t(this.options.template)),this.$tip};var a=t.fn.popover;t.fn.popover=e,t.fn.popover.Constructor=r,t.fn.popover.noConflict=function(){return t.fn.popover=a,this}}(jQuery)),"undefined"!=typeof jQuery&&+function(t){function e(e){e&&3===e.which||(t(n).remove(),t(o).each(function(){var a=t(this),n=r(a),o={relatedTarget:this};n.hasClass("open")&&(n.trigger(e=t.Event("hide.bs.dropdown",o)),e.isDefaultPrevented()||(a.attr("aria-expanded","false"),n.removeClass("open").trigger("hidden.bs.dropdown",o)))}))}function r(e){var r=e.attr("data-target");r||(r=e.attr("href"),r=r&&/#[A-Za-z]/.test(r)&&r.replace(/.*(?=#[^\s]*$)/,""));var a=r&&t(r);return a&&a.length?a:e.parent()}function a(e){return this.each(function(){var r=t(this),a=r.data("bs.dropdown");a||r.data("bs.dropdown",a=new s(this)),"string"==typeof e&&a[e].call(r)})}if("function"==typeof t().dropdown)return!0;var n=".dropdown-backdrop",o='[data-toggle="dropdown"]',s=function(e){t(e).on("click.bs.dropdown",this.toggle)};s.VERSION="3.3.1",s.prototype.toggle=function(a){var n=t(this);if(!n.is(".disabled, :disabled")){var o=r(n),s=o.hasClass("open");if(e(),!s){"ontouchstart"in document.documentElement&&!o.closest(".navbar-nav").length&&t('
    ').insertAfter(t(this)).on("click",e);var i={relatedTarget:this};if(o.trigger(a=t.Event("show.bs.dropdown",i)),a.isDefaultPrevented())return;n.trigger("focus").attr("aria-expanded","true"),o.toggleClass("open").trigger("shown.bs.dropdown",i)}return!1}},s.prototype.keydown=function(e){if(/(38|40|27|32)/.test(e.which)&&!/input|textarea/i.test(e.target.tagName)){var a=t(this);if(e.preventDefault(),e.stopPropagation(),!a.is(".disabled, :disabled")){var n=r(a),s=n.hasClass("open");if(!s&&27!=e.which||s&&27==e.which)return 27==e.which&&n.find(o).trigger("focus"),a.trigger("click");var i=" li:not(.divider):visible a",l=n.find('[role="menu"]'+i+', [role="listbox"]'+i);if(l.length){var c=l.index(e.target);38==e.which&&c>0&&c--,40==e.which&&c1&&(this.public_name[t]=arguments[1]),arguments.length>2&&(this.sorters[t]=arguments[2]),this.feature_set[t]=[],this},this.callback=function(t){return this._callback=t,this},this.display=function(){var t,r,a,n,o=this._callback,s=this.manual_callback,i=this.manual_map;a=Object.keys(this.feature_set);var l,c=function(e){return t[e]};for(l=0;l
    ");var d=function(){var t,r=e(this).data("key"),a=e(this).data("feature");return e("."+a+"-btns button.btn span.title").html(r),i.hasOwnProperty(a)?(t=i[a],s[t](r)):o(a,r),!1};for(var f in this.feature_set){for(a=this.feature_set[f],e(this.target+" div.segments").append('
    "),l=0;l'+a[l]+"");e("."+this._strip_punctuation(f)+"-btns .dropdown-menu li a").on("click",d)}return this},this},S.line=function(e){return this.args=e,this.init=function(t){return w(t),k(t),v(t),i(t),n(t),this},this.mainPlot=function(){var r,a=F(e.target),n=0,o=e.transition_on_update?1e3:0,s=function(t){return t[e.y_accessor]},i=t.svg.area().x(e.scalefns.xf).y0(e.scales.Y.range()[0]).y1(e.scalefns.yf).interpolate(e.interpolate).tension(e.interpolate_tension),l=a.select(".mg-confidence-band");e.show_confidence_band&&(r=t.svg.area().x(e.scalefns.xf).y0(function(t){var r=e.show_confidence_band[0];return e.scales.Y(t[r])}).y1(function(t){var r=e.show_confidence_band[1];return e.scales.Y(t[r])}).interpolate(e.interpolate).tension(e.interpolate_tension));for(var c,u,d=t.svg.line().x(e.scalefns.xf).y(e.scalefns.yf).interpolate(e.interpolate).tension(e.interpolate_tension),f=t.svg.line().x(e.scalefns.xf).y(function(){return e.scales.Y(n)}).interpolate(e.interpolate).tension(e.interpolate_tension),p="",h=e.data.length-1;h>=0;h--){c=e.data[h];var m=h+1;e.custom_line_color_map.length>0&&(m=e.custom_line_color_map[h]),e.data[h].line_id=m,e.show_confidence_band&&(u=l.empty()?a.append("path").attr("class","mg-confidence-band"):l.transition().duration(function(){return e.transition_on_update?1e3:0}),u.attr("d",r(e.data[h])).attr("clip-path","url(#mg-plot-window-"+C(e.target)+")"));var g=a.selectAll(".mg-area"+m+"-color"),_=e.area&&!e.use_data_y_min&&!e.y_axis_negative&&e.data.length<=1;_?g.empty()?a.append("path").attr("class","mg-main-area mg-area"+m+"-color").attr("d",i(e.data[h])).attr("clip-path","url(#mg-plot-window-"+C(e.target)+")"):(a.select(".mg-y-axis").node().parentNode.appendChild(g.node()),g.transition().duration(o).attr("d",i(e.data[h])).attr("clip-path","url(#mg-plot-window-"+C(e.target)+")")):g.empty()||g.remove();var v=a.select("path.mg-main-line.mg-line"+m+"-color");if(v.empty())e.animate_on_load?(n=t.median(e.data[h],s),a.append("path").attr("class","mg-main-line mg-line"+m+"-color").attr("d",f(e.data[h])).transition().duration(1e3).attr("d",d(e.data[h])).attr("clip-path","url(#mg-plot-window-"+C(e.target)+")")):a.append("path").attr("class","mg-main-line mg-line"+m+"-color").attr("d",d(e.data[h])).attr("clip-path","url(#mg-plot-window-"+C(e.target)+")");else{a.select(".mg-y-axis").node().parentNode.appendChild(v.node());var x=v.transition().duration(o);_?x.attr("d",d(e.data[h])):x.attrTween("d",X(d(e.data[h]),4))}var y=a.select(".mg-line"+m+"-color");if(e.missing_is_hidden&&null!==y.attr("d")){var b,w,k,A,D,M,O,Y=y.attr("d").split("L"),T=e.scales.Y(0)+42.1234,P=[],z=2,E=0;Y[0]=Y[0].replace("M",""),Y[Y.length-1]=Y[Y.length-1].replace("Z",""),e.min_x&&P.push(0);for(var N=0;N0&&(P.push(y.node().getTotalLength()-P[P.length-1]),a.select(".mg-line"+m+"-color").attr("stroke-dasharray",P.join()))}e.legend&&(p="— "+e.legend[h]+"  "+p)}return e.legend&&t.select(e.legend_target).html(p),this},this.markers=function(){return x(e),this},this.rollover=function(){var r,a=F(e.target);a.selectAll(".mg-rollover-rect").remove(),a.selectAll(".mg-voronoi").remove(),a.selectAll(".mg-active-datapoint").remove(),a.selectAll(".mg-line-rollover-circle").remove(),a.selectAll(".mg-active-datapoint-container").remove(),a.append("g").attr("class","mg-active-datapoint-container").attr("transform","translate("+(e.width-e.right)+","+e.top/2+")").append("text").attr("class","mg-active-datapoint").classed("mg-active-datapoint-small",e.use_small_class).attr("xml:space","preserve").attr("text-anchor","end"),a.selectAll(".mg-line-rollover-circle").data(e.data).enter().append("circle").attr({"class":function(t){return["mg-line-rollover-circle","mg-line"+t.line_id+"-color","mg-area"+t.line_id+"-color"].join(" ")},cx:0,cy:0,r:0});for(var n=1,o=0;o0?e.custom_line_color_map[o]:n;n++}var i,l;if(e.data.length>1&&!e.aggregate_rollover){var c=t.geom.voronoi().x(function(t){return e.scales.X(t[e.x_accessor]).toFixed(2)}).y(function(t){return e.scales.Y(t[e.y_accessor]).toFixed(2)}).clipExtent([[e.buffer,e.buffer],[e.width-e.buffer,e.height-e.buffer]]);r=a.append("g").attr("class","mg-voronoi"),i=t.nest().key(function(t){return e.scales.X(t[e.x_accessor])+","+e.scales.Y(t[e.y_accessor])}).rollup(function(t){return t[0]}).entries(t.merge(e.data.map(function(t){return t}))).map(function(t){return t.values}),r.selectAll("path").data(c(i)).enter().append("path").filter(function(t){return void 0!==t}).attr("d",function(t){return"M"+t.join("L")+"Z"}).datum(function(t){return t.point}).attr("class",function(r){if(e.linked){var a=r[e.x_accessor],n=t.time.format(e.linked_format),s="number"==typeof a?o:n(a);return"mg-line"+r.line_id+"-color roll_"+s}return"mg-line"+r.line_id+"-color"}).on("mouseover",this.rolloverOn(e)).on("mouseout",this.rolloverOff(e)).on("mousemove",this.rolloverMove(e))}else e.data.length>1&&e.aggregate_rollover?(i=t.nest().key(function(t){return t[e.x_accessor]}).entries(t.merge(e.data)),l=i.map(function(t){return e.scales.X(new Date(t.key))}),r=a.append("g").attr("class","mg-rollover-rect"),r.selectAll(".mg-rollover-rects").data(i).enter().append("rect").attr("x",function(t,r){return 1===l.length?e.left+e.buffer:0===r?l[r].toFixed(2):((l[r-1]+l[r])/2).toFixed(2)}).attr("y",e.top).attr("width",function(t,r){return 1===l.length?e.width-e.right-e.buffer:0===r?((l[r+1]-l[r])/2).toFixed(2):r==l.length-1?((l[r]-l[r-1])/2).toFixed(2):((l[r+1]-l[r-1])/2).toFixed(2)}).attr("height",e.height-e.bottom-e.top-e.buffer).attr("opacity",0).on("mouseover",this.rolloverOn(e)).on("mouseout",this.rolloverOff(e)).on("mousemove",this.rolloverMove(e))):(n=1,e.custom_line_color_map.length>0&&(n=e.custom_line_color_map[0]),r=a.append("g").attr("class","mg-rollover-rect"),l=e.data[0].map(e.scalefns.xf),r.selectAll(".mg-rollover-rects").data(e.data[0]).enter().append("rect").attr("class",function(r,a){if(e.linked){var o=r[e.x_accessor],s=t.time.format(e.linked_format),i="number"==typeof o?a:s(o);return"mg-line"+n+"-color roll_"+i}return"mg-line"+n+"-color"}).attr("x",function(t,r){return 1===l.length?e.left+e.buffer:0===r?l[r].toFixed(2):((l[r-1]+l[r])/2).toFixed(2)}).attr("y",function(t){return e.data.length>1?e.scalefns.yf(t)-6:e.top}).attr("width",function(t,r){return 1===l.length?e.width-e.right-e.buffer:0===r?((l[r+1]-l[r])/2).toFixed(2):r===l.length-1?((l[r]-l[r-1])/2).toFixed(2):((l[r+1]-l[r-1])/2).toFixed(2)}).attr("height",function(){return e.data.length>1?12:e.height-e.bottom-e.top-e.buffer}).attr("opacity",0).on("mouseover",this.rolloverOn(e)).on("mouseout",this.rolloverOff(e)).on("mousemove",this.rolloverMove(e)));if(1==e.data.length&&1==e.data[0].length)a.select(".mg-rollover-rect rect").on("mouseover")(e.data[0][0],0);else if(e.data.length>1)for(var o=0;o1)a.selectAll("circle.mg-line-rollover-circle").style("opacity",0),n.values.forEach(function(t){if(t[e.x_accessor]>=e.processed.min_x&&t[e.x_accessor]<=e.processed.max_x&&t[e.y_accessor]>=e.processed.min_y&&t[e.y_accessor]<=e.processed.max_y){a.select("circle.mg-line"+t.line_id+"-color").attr({cx:function(){return e.scales.X(t[e.x_accessor]).toFixed(2)},cy:function(){return e.scales.Y(t[e.y_accessor]).toFixed(2)},r:e.point_size}).style("opacity",1)}});else{if(e.missing_is_hidden&&0==n[e.y_accessor]&&n.missing)return;if(n[e.x_accessor]>=e.processed.min_x&&n[e.x_accessor]<=e.processed.max_x&&n[e.y_accessor]>=e.processed.min_y&&n[e.y_accessor]<=e.processed.max_y&&a.selectAll("circle.mg-line-rollover-circle").attr("class","").attr("class","mg-area"+n.line_id+"-color").classed("mg-line-rollover-circle",!0).attr("cx",function(){return e.scales.X(n[e.x_accessor]).toFixed(2)}).attr("cy",function(){return e.scales.Y(n[e.y_accessor]).toFixed(2)}).attr("r",e.point_size).style("opacity",1),e.linked&&!MG.globals.link){MG.globals.link=!0;var s=n[e.x_accessor],i=t.time.format(e.linked_format),l="number"==typeof s?o:i(s);t.selectAll(".mg-line"+n.line_id+"-color.roll_"+l).each(function(e,r){t.select(this).on("mouseover")(e,r)})}}a.selectAll("text").filter(function(t){return n===t}).attr("opacity",.3);var c=T(e);if(e.show_rollover_text){var u=a.select(".mg-active-datapoint"),d=0,f=1.1;if(u.select("*").remove(),e.aggregate_rollover&&e.data.length>1){if(e.time_series){var p=new Date(n.key);u.append("tspan").text((r(p)+" "+e.yax_units).trim()),d=1,n.values.forEach(function(t){var r=u.append("tspan").attr({x:0,y:d*f+"em"}).text(c(t[e.y_accessor]));u.append("tspan").attr({x:-r.node().getComputedTextLength(),y:d*f+"em"}).text("— ").classed("mg-hover-line"+t.line_id+"-color",!0).style("font-weight","bold"),d++}),u.append("tspan").attr("x",0).attr("y",d*f+"em").text(" ")}else n.values.forEach(function(t){var r=u.append("tspan").attr({x:0,y:d*f+"em"}).text(e.x_accessor+": "+t[e.x_accessor]+", "+e.y_accessor+": "+e.yax_units+c(t[e.y_accessor]));u.append("tspan").attr({x:-r.node().getComputedTextLength(),y:d*f+"em"}).text("— ").classed("mg-hover-line"+t.line_id+"-color",!0).style("font-weight","bold"),d++});u.append("tspan").attr("x",0).attr("y",d*f+"em").text(" ")}else if(e.time_series){var h=new Date(+n[e.x_accessor]);h.setDate(h.getDate()),u.append("tspan").text(r(h)+" "+e.yax_units+c(n[e.y_accessor]))}else u.append("tspan").text(e.x_accessor+": "+n[e.x_accessor]+", "+e.y_accessor+": "+e.yax_units+c(n[e.y_accessor]))}e.mouseover&&e.mouseover(n,o)}},this.rolloverOff=function(e){var r=F(e.target);return function(a,n){if(e.linked&&MG.globals.link){MG.globals.link=!1;var o=a[e.x_accessor],s=t.time.format(e.linked_format),i="number"==typeof o?n:s(o);t.selectAll(".roll_"+i).each(function(e){t.select(this).on("mouseout")(e)})}r.selectAll("circle.mg-line-rollover-circle").style("opacity",function(){return 1==e.data.length&&1==e.data[0].length?1:0}),r.select(".mg-active-datapoint").text(""),e.mouseout&&e.mouseout(a,n)}},this.rolloverMove=function(t){return function(e,r){t.mousemove&&t.mousemove(e,r)}},this.windowListeners=function(){return y(this.args),this},this.init(e),this},S.histogram=function(e){return this.args=e,this.init=function(t){return w(t),A(t),v(t),i(t),n(t),this},this.mainPlot=function(){var t=F(e.target);t.selectAll(".mg-histogram").remove();var r=t.append("g").attr("class","mg-histogram"),a=r.selectAll(".mg-bar").data(e.data[0]).enter().append("g").attr("class","mg-bar").attr("transform",function(t){return"translate("+e.scales.X(t[e.x_accessor]).toFixed(2)+","+e.scales.Y(t[e.y_accessor]).toFixed(2)+")"});return a.append("rect").attr("x",1).attr("width",function(){return 1===e.data[0].length?(e.scalefns.xf(e.data[0][0])-e.bar_margin).toFixed(2):(e.scalefns.xf(e.data[0][1])-e.scalefns.xf(e.data[0][0])-e.bar_margin).toFixed(2)}).attr("height",function(t){return 0===t[e.y_accessor]?0:(e.height-e.bottom-e.buffer-e.scales.Y(t[e.y_accessor])).toFixed(2)}),this},this.markers=function(){return x(e),this},this.rollover=function(){var t=F(e.target);t.selectAll(".mg-rollover-rect").remove(),t.selectAll(".mg-active-datapoint").remove(),t.append("text").attr("class","mg-active-datapoint").attr("xml:space","preserve").attr("x",e.width-e.right).attr("y",e.top/2).attr("text-anchor","end");var r=t.append("g").attr("class","mg-rollover-rect"),a=r.selectAll(".mg-bar").data(e.data[0]).enter().append("g").attr("class",function(t,r){return e.linked?"mg-rollover-rects roll_"+r:"mg-rollover-rects"}).attr("transform",function(t){return"translate("+e.scales.X(t[e.x_accessor])+",0)"});return a.append("rect").attr("x",1).attr("y",0).attr("width",function(t,r){return 1===e.data[0].length?(e.scalefns.xf(e.data[0][0])-e.bar_margin).toFixed(2):r!==e.data[0].length-1?(e.scalefns.xf(e.data[0][r+1])-e.scalefns.xf(t)).toFixed(2):(e.scalefns.xf(e.data[0][1])-e.scalefns.xf(e.data[0][0])).toFixed(2)}).attr("height",function(){return e.height}).attr("opacity",0).on("mouseover",this.rolloverOn(e)).on("mouseout",this.rolloverOff(e)).on("mousemove",this.rolloverMove(e)),this},this.rolloverOn=function(e){{var r=F(e.target);t.time.format("%Y-%m-%d")}return function(a,n){r.selectAll("text").filter(function(t){return a===t}).attr("opacity",.3);var o=t.time.format("%b %e, %Y"),s=T(e);r.selectAll(".mg-bar rect").filter(function(t,e){return e===n}).classed("active",!0),e.linked&&!MG.globals.link&&(MG.globals.link=!0,t.selectAll(".mg-rollover-rects.roll_"+n+" rect").each(function(e){t.select(this).on("mouseover")(e,n)})),e.show_rollover_text&&r.select(".mg-active-datapoint").text(function(){if(e.time_series){var t=new Date(+a[e.x_accessor]);return t.setDate(t.getDate()),o(t)+" "+e.yax_units+s(a[e.y_accessor])}return e.x_accessor+": "+s(a[e.x_accessor])+", "+e.y_accessor+": "+e.yax_units+s(a[e.y_accessor])}),e.mouseover&&e.mouseover(a,n)}},this.rolloverOff=function(e){var r=F(e.target);return function(a,n){e.linked&&MG.globals.link&&(MG.globals.link=!1,t.selectAll(".mg-rollover-rects.roll_"+n+" rect").each(function(e){t.select(this).on("mouseout")(e,n)})),r.selectAll(".mg-bar rect").classed("active",!1),r.select(".mg-active-datapoint").text(""),e.mouseout&&e.mouseout(a,n)}},this.rolloverMove=function(t){return function(e,r){t.mousemove&&t.mousemove(e,r)}},this.windowListeners=function(){return y(this.args),this},this.init(e),this},S.point=function(e){return this.args=e,this.init=function(t){return w(t),M(t),v(t),i(t),n(t),this},this.markers=function(){return x(e),e.least_squares&&O(e),this},this.mainPlot=function(){var t,r=F(e.target);r.selectAll(".mg-points").remove(),t=r.append("g").classed("mg-points",!0);var a=t.selectAll("circle").data(e.data[0]).enter().append("svg:circle").attr("class",function(t,e){return"path-"+e}).attr("cx",e.scalefns.xf).attr("cy",e.scalefns.yf);return null!==e.color_accessor?(a.attr("fill",e.scalefns.color),a.attr("stroke",e.scalefns.color)):a.classed("mg-points-mono",!0),null!==e.size_accessor?a.attr("r",e.scalefns.size):a.attr("r",e.point_size),this},this.rollover=function(){var r=F(e.target);r.selectAll(".mg-voronoi").remove(),r.selectAll(".mg-active-datapoint").remove(),r.append("text").attr("class","mg-active-datapoint").attr("xml:space","preserve").attr("x",e.width-e.right).attr("y",e.top/2).attr("text-anchor","end");var a=t.geom.voronoi().x(e.scalefns.xf).y(e.scalefns.yf).clipExtent([[e.buffer,e.buffer],[e.width-e.buffer,e.height-e.buffer]]),n=r.append("g").attr("class","mg-voronoi");return n.selectAll("path").data(a(e.data[0])).enter().append("path").attr("d",function(t){return void 0!==t?"M"+t.join(",")+"Z":void 0}).attr("class",function(t,e){return"path-"+e}).style("fill-opacity",0).on("mouseover",this.rolloverOn(e)).on("mouseout",this.rolloverOff(e)).on("mousemove",this.rolloverMove(e)),this},this.rolloverOn=function(e){var r=F(e.target);return function(a,n){r.selectAll(".mg-points circle").classed("selected",!1);var o=r.selectAll(".mg-points circle.path-"+n).classed("selected",!0);e.size_accessor?o.attr("r",function(t){return e.scalefns.size(t)+1}):o.attr("r",e.point_size),e.linked&&!globals.link&&(globals.link=!0,t.selectAll(".mg-voronoi .path-"+n).each(function(){t.select(this).on("mouseover")(a,n)}));var s=t.time.format("%b %e, %Y"),i=T(e);e.show_rollover_text&&r.select(".mg-active-datapoint").text(function(){if(e.time_series){var t=new Date(+a.point[e.x_accessor]);return t.setDate(t.getDate()),s(t)+" "+e.yax_units+i(a.point[e.y_accessor])}return e.x_accessor+": "+i(a.point[e.x_accessor])+", "+e.y_accessor+": "+e.yax_units+i(a.point[e.y_accessor])}),e.mouseover&&e.mouseover(a,n)}},this.rolloverOff=function(e){var r=F(e.target);return function(a,n){e.linked&&globals.link&&(globals.link=!1,t.selectAll(".mg-voronoi .path-"+n).each(function(){t.select(this).on("mouseout")(a,n)}));var o=r.selectAll(".mg-points circle").classed("unselected",!1).classed("selected",!1);e.size_accessor?o.attr("r",e.scalefns.size):o.attr("r",e.point_size),r.select(".mg-active-datapoint").text(""),e.mouseout&&e.mouseout(a,n)}},this.rolloverMove=function(t){return function(e,r){t.mousemove&&t.mousemove(e,r)}},this.update=function(){return this},this.windowListeners=function(){return y(this.args),this},this.init(e),this},S.bar=function(e){return this.args=e,this.is_vertical=!0,this.init=function(t){return w(t),D(t),v(t),this.is_vertical="vertical"===t.bar_orientation,this.is_vertical?(l(t),n(t)):(i(t),o(t)),this},this.mainPlot=function(){var t,r,a,n,o,s=F(e.target),i=e.data[0],l=s.select("g.mg-barplot"),c=l.empty(),u=c&&e.animate_on_load,d=u||e.transition_on_update,f=e.transition_duration||1e3;l.empty()&&(l=s.append("g").classed("mg-barplot",!0)),t=t=l.selectAll(".mg-bar").data(i),t.exit().remove(),t.enter().append("rect").classed("mg-bar",!0),e.predictor_accessor&&(r=l.selectAll(".mg-bar-prediction").data(i),r.exit().remove(),r.enter().append("rect").classed("mg-bar-prediction",!0)),e.baseline_accessor&&(o=l.selectAll(".mg-bar-baseline").data(i),o.exit().remove(),o.enter().append("line").classed("mg-bar-baseline",!0));var p;return d&&(t=t.transition().duration(f),r&&(r=r.transition().duration(f)),o&&(o=o.transition().duration(f))),this.is_vertical?(p=e.scales.X.rangeBand()/1.5,u&&(t.attr({height:0,y:e.scales.Y(0)}),r&&r.attr({height:0,y:e.scales.Y(0)}),o&&o.attr({y1:e.scales.Y(0),y2:e.scales.Y(0)})),t.attr("y",e.scalefns.yf).attr("x",function(t){return e.scalefns.xf(t)+p/2}).attr("width",p).attr("height",function(t){return 0-(e.scalefns.yf(t)-e.scales.Y(0))}),e.predictor_accessor&&(a=e.predictor_proportion,n=a-1,r.attr("y",function(t){return e.scales.Y(0)-(e.scales.Y(0)-e.scales.Y(t[e.predictor_accessor]))}).attr("x",function(t){return e.scalefns.xf(t)+n*p/(2*a)+p/2}).attr("width",p/a).attr("height",function(t){return 0-(e.scales.Y(t[e.predictor_accessor])-e.scales.Y(0))})),e.baseline_accessor&&(a=e.predictor_proportion,o.attr("x1",function(t){return e.scalefns.xf(t)+p/2-p/a+p/2}).attr("x2",function(t){return e.scalefns.xf(t)+p/2+p/a+p/2}).attr("y1",function(t){return e.scales.Y(t[e.baseline_accessor])}).attr("y2",function(t){return e.scales.Y(t[e.baseline_accessor])}))):(p=e.scales.Y.rangeBand()/1.5,u&&(t.attr("width",0),r&&r.attr("width",0),o&&o.attr({x1:e.scales.X(0),x2:e.scales.X(0)})),t.attr("x",e.scales.X(0)).attr("y",function(t){return e.scalefns.yf(t)+p/2}).attr("height",p).attr("width",function(t){return e.scalefns.xf(t)-e.scales.X(0)}),e.predictor_accessor&&(a=e.predictor_proportion,n=a-1,r.attr("x",e.scales.X(0)).attr("y",function(t){return e.scalefns.yf(t)+n*p/(2*a)+p/2}).attr("height",p/a).attr("width",function(t){return e.scales.X(t[e.predictor_accessor])-e.scales.X(0)})),e.baseline_accessor&&(a=e.predictor_proportion,o.attr("x1",function(t){return e.scales.X(t[e.baseline_accessor])}).attr("x2",function(t){return e.scales.X(t[e.baseline_accessor])}).attr("y1",function(t){return e.scalefns.yf(t)+p/2-p/a+p/2}).attr("y2",function(t){return e.scalefns.yf(t)+p/2+p/a+p/2}))),this},this.markers=function(){return x(e),this},this.rollover=function(){var t,r=F(e.target);r.selectAll(".mg-rollover-rect").remove(),r.selectAll(".mg-active-datapoint").remove(),r.append("text").attr("class","mg-active-datapoint").attr("xml:space","preserve").attr("x",e.width-e.right).attr("y",e.top/2).attr("dy",".35em").attr("text-anchor","end"),t=r.append("g").attr("class","mg-rollover-rect");var a=t.selectAll(".mg-bar-rollover").data(e.data[0]).enter().append("rect").attr("class","mg-bar-rollover");return this.is_vertical?a.attr("x",e.scalefns.xf).attr("y",function(){return e.scales.Y(0)-e.height}).attr("width",e.scales.X.rangeBand()).attr("height",e.height).attr("opacity",0).on("mouseover",this.rolloverOn(e)).on("mouseout",this.rolloverOff(e)).on("mousemove",this.rolloverMove(e)):a.attr("x",e.scales.X(0)).attr("y",e.scalefns.yf).attr("width",e.width).attr("height",e.scales.Y.rangeBand()+2).attr("opacity",0).on("mouseover",this.rolloverOn(e)).on("mouseout",this.rolloverOff(e)).on("mousemove",this.rolloverMove(e)),this},this.rolloverOn=function(e){var r=F(e.target),a=this.is_vertical?e.x_accessor:e.y_accessor,n=this.is_vertical?e.y_accessor:e.x_accessor,o=this.is_vertical?e.yax_units:e.xax_units;return function(s,i){r.selectAll("text").filter(function(t){return s===t}).attr("opacity",.3);var l=t.time.format("%b %e, %Y"),c=T(e);r.selectAll("g.mg-barplot .mg-bar").filter(function(t,e){return e===i}).classed("active",!0),e.show_rollover_text&&r.select(".mg-active-datapoint").text(function(){if(e.time_series){var t=new Date(+s[n]);return t.setDate(t.getDate()),l(t)+" "+o+c(s[a])}return s[a]+": "+c(s[n])}),e.mouseover&&e.mouseover(s,i)}},this.rolloverOff=function(t){var e=F(t.target);return function(r,a){e.selectAll("g.mg-barplot .mg-bar").classed("active",!1),e.select(".mg-active-datapoint").text(""),t.mouseout&&t.mouseout(r,a)}},this.rolloverMove=function(t){return function(e,r){t.mousemove&&t.mousemove(e,r)}},this.windowListeners=function(){return y(this.args),this},this.init(e),this},MG.data_table=function(a){return this.args=a,this.args.standard_col={width:150,font_size:12,font_weight:"normal"},this.args.columns=[],this.formatting_options=[["color","color"],["font-weight","font_weight"],["font-style","font_style"],["font-size","font_size"]],this._strip_punctuation=function(t){var e=t.replace(/[^a-zA-Z0-9 _]+/g,""),r=e.replace(/ +?/g,"");return r},this._format_element=function(t,e,r){this.formatting_options.forEach(function(a){var n=a[0],o=a[1];r[o]&&t.style(n,"string"==typeof r[o]||"number"==typeof r[o]?r[o]:r[o](e))})},this._add_column=function(t,e){var r=this.args.standard_col,a=N(MG.clone(t),MG.clone(r));a.type=e,this.args.columns.push(a)},this.target=function(){var t=arguments[0];return this.args.target=t,this},this.title=function(){return this._add_column(arguments[0],"title"),this},this.text=function(){return this._add_column(arguments[0],"text"),this},this.bullet=function(){return this},this.sparkline=function(){return this},this.number=function(){return this._add_column(arguments[0],"number"),this},this.display=function(){var a=this.args;r(a);var n,o,s,i,l,c,u,d,f,p,h,m,g=a.target,_=t.select(g).append("table").classed("mg-data-table",!0),v=_.append("colgroup"),x=_.append("thead"),y=_.append("tbody");for(s=x.append("tr"),m=0;m=o;o++)n.push({x:o,y:Math.random()-.03*o});e.scales.X=t.scale.linear().domain([0,n.length]).range([e.left+e.buffer,e.width-e.right-e.buffer]),e.scales.Y=t.scale.linear().domain([-2,2]).range([e.height-e.bottom-2*e.buffer,e.top]),e.scalefns.xf=function(t){return e.scales.X(t.x)},e.scalefns.yf=function(t){return e.scales.Y(t.y)};var s=t.svg.line().x(e.scalefns.xf).y(e.scalefns.yf).interpolate(e.interpolate),i=t.svg.area().x(e.scalefns.xf).y0(e.scales.Y.range()[0]).y1(e.scalefns.yf).interpolate(e.interpolate),l=a.append("g").attr("class","mg-missing-pane");l.append("svg:rect").classed("mg-missing-background",!0).attr("x",e.buffer).attr("y",e.buffer).attr("width",e.width-2*e.buffer).attr("height",e.height-2*e.buffer).attr("rx",15).attr("ry",15),l.append("path").attr("class","mg-main-line mg-line1-color").attr("d",s(n)),l.append("path").attr("class","mg-main-area mg-area1-color").attr("d",i(n))}return a.selectAll(".mg-missing-text").data([e.missing_text]).enter().append("text").attr("class","mg-missing-text").attr("x",e.width/2).attr("y",e.height/2).attr("dy",".50em").attr("text-anchor","middle").text(e.missing_text),this},this.init(e),this},MG.convert={},MG.convert.date=function(e,r,a){return a="undefined"==typeof a?"%Y-%m-%d":a,e=e.map(function(e){var n=t.time.format(a);return e[r]=n.parse(e[r]),e})},MG.convert.number=function(t,e){return t=t.map(function(t){return t[e]=Number(t[e]),t})};var I=function(t,e,r){if(null===t)return t;if(Array.prototype.forEach&&t.forEach===Array.prototype.forEach)t.forEach(e,r);else if(t.length===+t.length){for(var a=0,n=t.length;n>a;a++)if(e.call(r,t[a],a,t)===breaker)return}else for(var o in t)if(e.call(r,t[o],o,t)===breaker)return;return t};return MG.clone=function(t){var e;if(null===t||"object"!=typeof t)return t;if(t instanceof Date)return e=new Date,e.setTime(t.getTime()),e;if(t instanceof Array){e=[];for(var r=0,a=t.length;a>r;r++)e[r]=MG.clone(t[r]);return e}if(t instanceof Object){e={};for(var n in t)t.hasOwnProperty(n)&&(e[n]=MG.clone(t[n]));return e}throw new Error("Unable to copy obj! Its type isn't supported.")},MG})}).call(this); \ No newline at end of file