diff --git a/dist/metricsgraphics.js b/dist/metricsgraphics.js index 459ade9e..6fdacada 100644 --- a/dist/metricsgraphics.js +++ b/dist/metricsgraphics.js @@ -144,7 +144,7 @@ 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 + left: 50, // size of the left margin buffer: 8, // the buffer between the actual chart area and the margins legend_target: '', width: 350, @@ -4111,23 +4111,38 @@ this.args = args; this.init = function(args) { - chart_title(args); + var svg_width, + svg_height; + + svg_width = args.width; + svg_height = args.height; + + if (args.full_width) { + // get parent element + svg_width = get_width(args.target); + } + if (args.full_height) { + svg_height = get_height(args.target); + } + + 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); + .attr('width', svg_width) + .attr('height', svg_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 (svg_width !== Number(svg.attr('width'))) { + svg.attr('width', svg_width); } - if (args.height !== Number(svg.attr('height'))) { - svg.attr('height', args.height); + if (svg_height !== Number(svg.attr('height'))) { + svg.attr('height', svg_height); } // delete child elements @@ -4150,11 +4165,11 @@ args.scales.X = d3.scale.linear() .domain([0, data.length]) - .range([args.left + args.buffer, args.width - args.right - args.buffer]); + .range([args.left + args.buffer, svg_width - args.right - args.buffer]); args.scales.Y = d3.scale.linear() .domain([-2, 2]) - .range([args.height - args.bottom - args.buffer*2, args.top]); + .range([svg_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); }; @@ -4177,8 +4192,8 @@ .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('width', svg_width-args.buffer*2) + .attr('height', svg_height-args.buffer*2) .attr('rx',15) .attr('ry', 15); @@ -4195,8 +4210,8 @@ 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('x', svg_width / 2) + .attr('y', svg_height / 2) .attr('dy', '.50em') .attr('text-anchor', 'middle') .text(args.missing_text); diff --git a/dist/metricsgraphics.min.js b/dist/metricsgraphics.min.js index 81ace08a..d1a6b76c 100644 --- a/dist/metricsgraphics.min.js +++ b/dist/metricsgraphics.min.js @@ -1,3 +1,3 @@ -(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_markers&&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.3.0"};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_markers:!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_tooltips:!0,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-d':"";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_markers&&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.3.0"};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_markers:!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:50,buffer:8,legend_target:"",width:350,height:220,missing_text:"Data currently missing or unavailable",scalefns:{},scales:{},show_tooltips:!0,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,M,D,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.mg-area"+n.line_id+"-color").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.mg-area"+a.line_id+"-color").style("opacity",function(){return 1==e.data[a.line_id-1].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),D(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&&!MG.globals.link&&(MG.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&&MG.globals.link&&(MG.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),M(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 +var A,M=n.format;"percentage"===M&&(A=t.format("%p")),"count"===M&&(A=t.format("0,000")),"temperature"===M&&(A=function(t){return t+"°"}),f=A(f)}n.hasOwnProperty("currency")&&(f=n.currency+f)}p=s.append("td").classed("table-"+c,!0).classed("table-"+c+"-"+this._strip_punctuation(l),!0).attr("data-value",u).style("width",n.width).style("text-align","title"===c||"text"===c?"left":"right"),this._format_element(p,u,n),"title"===c?(o=p.append("div").text(f),this._format_element(o,f,n),a.columns[k].hasOwnProperty("secondary_accessor")&&p.append("div").text(a.data[w][a.columns[k].secondary_accessor]).classed("secondary-title",!0)):p.text(f)}}return this},this},S.missing=function(e){return this.args=e,this.init=function(e){var a,n;a=e.width,n=e.height,e.full_width&&(a=z(e.target)),e.full_height&&(n=E(e.target)),r(e),t.select(e.target).selectAll("svg").data([e]).enter().append("svg").attr("width",a).attr("height",n);var o=F(e.target);if(a!==Number(o.attr("width"))&&o.attr("width",a),n!==Number(o.attr("height"))&&o.attr("height",n),t.select(e.target).selectAll("svg *").remove(),o.classed("mg-missing",!0),e.legend_target&&t.select(e.legend_target).html(""),e.show_missing_background){for(var s=[],i=1;50>=i;i++)s.push({x:i,y:Math.random()-.03*i});e.scales.X=t.scale.linear().domain([0,s.length]).range([e.left+e.buffer,a-e.right-e.buffer]),e.scales.Y=t.scale.linear().domain([-2,2]).range([n-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 l=t.svg.line().x(e.scalefns.xf).y(e.scalefns.yf).interpolate(e.interpolate),c=t.svg.area().x(e.scalefns.xf).y0(e.scales.Y.range()[0]).y1(e.scalefns.yf).interpolate(e.interpolate),u=o.append("g").attr("class","mg-missing-pane");u.append("svg:rect").classed("mg-missing-background",!0).attr("x",e.buffer).attr("y",e.buffer).attr("width",a-2*e.buffer).attr("height",n-2*e.buffer).attr("rx",15).attr("ry",15),u.append("path").attr("class","mg-main-line mg-line1-color").attr("d",l(s)),u.append("path").attr("class","mg-main-area mg-area1-color").attr("d",c(s))}return o.selectAll(".mg-missing-text").data([e.missing_text]).enter().append("text").attr("class","mg-missing-text").attr("x",a/2).attr("y",n/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 diff --git a/examples/charts/data.htm b/examples/charts/data.htm index b3941991..371cc96f 100644 --- a/examples/charts/data.htm +++ b/examples/charts/data.htm @@ -64,18 +64,18 @@
-
+ 
MG.data_graphic({
-    title: "Glorious Graphic",
+    title: "Missing Data",
     description: "This is an example of a graphic whose data is currently missing. We've also set the error option, which appends an error icon to the title and logs an error to the browser's console.",
     error: 'This data is blocked by Lorem Ipsum. Get your **** together, Ipsum.',
     chart_type: 'missing-data',
     missing_text: 'This is an example of a missing chart',
-    target: '#glorious_chart',
+    target: '#missing-data',
     width: 600,
     height: 200
 });
@@ -170,12 +170,12 @@ }); MG.data_graphic({ - title: "Glorious Graphic", + title: "Missing Data", chart_type: 'missing-data', description: "This is an example of a graphic whose data is currently missing. We've also set the error option, which appends an error icon to the title and logs an error to the browser's console.", error: 'This data is blocked by Lorem Ipsum. Get your **** together, Ipsum.', missing_text: 'This is an example of a missing chart', - target: '#glorious_chart', + target: '#missing-data', width: 600, height: 200 }); diff --git a/src/js/charts/missing.js b/src/js/charts/missing.js index c12bae3e..96073eb5 100644 --- a/src/js/charts/missing.js +++ b/src/js/charts/missing.js @@ -3,23 +3,38 @@ charts.missing = function(args) { this.args = args; this.init = function(args) { - chart_title(args); + var svg_width, + svg_height; + + svg_width = args.width; + svg_height = args.height; + if (args.full_width) { + // get parent element + svg_width = get_width(args.target); + } + + if (args.full_height) { + svg_height = get_height(args.target); + } + + 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); + .attr('width', svg_width) + .attr('height', svg_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 (svg_width !== Number(svg.attr('width'))) { + svg.attr('width', svg_width); } - if (args.height !== Number(svg.attr('height'))) { - svg.attr('height', args.height); + if (svg_height !== Number(svg.attr('height'))) { + svg.attr('height', svg_height); } // delete child elements @@ -42,11 +57,11 @@ charts.missing = function(args) { args.scales.X = d3.scale.linear() .domain([0, data.length]) - .range([args.left + args.buffer, args.width - args.right - args.buffer]); + .range([args.left + args.buffer, svg_width - args.right - args.buffer]); args.scales.Y = d3.scale.linear() .domain([-2, 2]) - .range([args.height - args.bottom - args.buffer*2, args.top]); + .range([svg_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); }; @@ -69,8 +84,8 @@ charts.missing = function(args) { .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('width', svg_width-args.buffer*2) + .attr('height', svg_height-args.buffer*2) .attr('rx',15) .attr('ry', 15); @@ -87,8 +102,8 @@ charts.missing = function(args) { 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('x', svg_width / 2) + .attr('y', svg_height / 2) .attr('dy', '.50em') .attr('text-anchor', 'middle') .text(args.missing_text); diff --git a/src/js/common/data_graphic.js b/src/js/common/data_graphic.js index d3f42a7a..ee605bfa 100644 --- a/src/js/common/data_graphic.js +++ b/src/js/common/data_graphic.js @@ -131,7 +131,7 @@ MG.data_graphic = function() { 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 + left: 50, // size of the left margin buffer: 8, // the buffer between the actual chart area and the margins legend_target: '', width: 350, diff --git a/tests/charts/missing_test.js b/tests/charts/missing_test.js index 4abad209..a9dd56fe 100644 --- a/tests/charts/missing_test.js +++ b/tests/charts/missing_test.js @@ -39,6 +39,20 @@ test('Only one mg-missing-text on multiple calls to the same target element', fu equal(document.querySelectorAll(params.target + ' .mg-missing-text').length, 1, 'We only have one mg-missing-text'); }); +test('missing chart obeys full_width: true', function() { + var params = { + target: '#qunit-fixture', + chart_type: 'missing-data', + full_width: true, + missing_text: 'In an astral plane that was never meant to fly...' + }; + document.querySelector('#qunit-fixture').style.width='700px'; + + MG.data_graphic(params); + + equal(document.querySelector('#qunit-fixture svg').getAttribute('width'), 700, 'The missing chart svg has same width as parent element.'); +}); + test('Missing chart\'s width is set correctly on subsequent calls to existing chart', function() { var params_0 = { target: '#qunit-fixture',