2017-03-16 13:51:29 -07:00
|
|
|
// D3 3.5.16
|
|
|
|
|
!function(){function n(n){return n&&(n.ownerDocument||n.document||n).documentElement}function t(n){return n&&(n.ownerDocument&&n.ownerDocument.defaultView||n.document&&n||n.defaultView)}function e(n,t){return t>n?-1:n>t?1:n>=t?0:NaN}function r(n){return null===n?NaN:+n}function u(n){return!isNaN(n)}function i(n){return{left:function(t,e,r,u){for(arguments.length<3&&(r=0),arguments.length<4&&(u=t.length);u>r;){var i=r+u>>>1;n(t[i],e)<0?r=i+1:u=i}return r},right:function(t,e,r,u){for(arguments.length<3&&(r=0),arguments.length<4&&(u=t.length);u>r;){var i=r+u>>>1;n(t[i],e)>0?u=i:r=i+1}return r}}}function a(n){return n.length}function o(n){for(var t=1;n*t%1;)t*=10;return t}function l(n,t){for(var e in t)Object.defineProperty(n.prototype,e,{value:t[e],enumerable:!1})}function c(){this._=Object.create(null)}function s(n){return(n+="")===xa||n[0]===ba?ba+n:n}function f(n){return(n+="")[0]===ba?n.slice(1):n}function h(n){return s(n)in this._}function g(n){return(n=s(n))in this._&&delete this._[n]}function p(){var n=[];for(var t in this._)n.push(f(t));return n}function v(){var n=0;for(var t in this._)++n;return n}function d(){for(var n in this._)return!1;return!0}function m(){this._=Object.create(null)}function y(n){return n}function M(n,t,e){return function(){var r=e.apply(t,arguments);return r===t?n:r}}function x(n,t){if(t in n)return t;t=t.charAt(0).toUpperCase()+t.slice(1);for(var e=0,r=_a.length;r>e;++e){var u=_a[e]+t;if(u in n)return u}}function b(){}function _(){}function w(n){function t(){for(var t,r=e,u=-1,i=r.length;++u<i;)(t=r[u].on)&&t.apply(this,arguments);return n}var e=[],r=new c;return t.on=function(t,u){var i,a=r.get(t);return arguments.length<2?a&&a.on:(a&&(a.on=null,e=e.slice(0,i=e.indexOf(a)).concat(e.slice(i+1)),r.remove(t)),u&&e.push(r.set(t,{on:u})),n)},t}function S(){oa.event.preventDefault()}function k(){for(var n,t=oa.event;n=t.sourceEvent;)t=n;return t}function N(n){for(var t=new _,e=0,r=arguments.length;++e<r;)t[arguments[e]]=w(t);return t.of=function(e,r){return function(u){try{var i=u.sourceEvent=oa.event;u.target=n,oa.event=u,t[u.type].apply(e,r)}finally{oa.event=i}}},t}function E(n){return Sa(n,Aa),n}function A(n){return"function"==typeof n?n:function(){return ka(n,this)}}function C(n){return"function"==typeof n?n:function(){return Na(n,this)}}function z(n,t){function e(){this.removeAttribute(n)}function r(){this.removeAttributeNS(n.space,n.local)}function u(){this.setAttribute(n,t)}function i(){this.setAttributeNS(n.space,n.local,t)}function a(){var e=t.apply(this,arguments);null==e?this.removeAttribute(n):this.setAttribute(n,e)}function o(){var e=t.apply(this,arguments);null==e?this.removeAttributeNS(n.space,n.local):this.setAttributeNS(n.space,n.local,e)}return n=oa.ns.qualify(n),null==t?n.local?r:e:"function"==typeof t?n.local?o:a:n.local?i:u}function L(n){return n.trim().replace(/\s+/g," ")}function q(n){return new RegExp("(?:^|\\s+)"+oa.requote(n)+"(?:\\s+|$)","g")}function T(n){return(n+"").trim().split(/^|\s+/)}function R(n,t){function e(){for(var e=-1;++e<u;)n[e](this,t)}function r(){for(var e=-1,r=t.apply(this,arguments);++e<u;)n[e](this,r)}n=T(n).map(D);var u=n.length;return"function"==typeof t?r:e}function D(n){var t=q(n);return function(e,r){if(u=e.classList)return r?u.add(n):u.remove(n);var u=e.getAttribute("class")||"";r?(t.lastIndex=0,t.test(u)||e.setAttribute("class",L(u+" "+n))):e.setAttribute("class",L(u.replace(t," ")))}}function P(n,t,e){function r(){this.style.removeProperty(n)}function u(){this.style.setProperty(n,t,e)}function i(){var r=t.apply(this,arguments);null==r?this.style.removeProperty(n):this.style.setProperty(n,r,e)}return null==t?r:"function"==typeof t?i:u}function U(n,t){function e(){delete this[n]}function r(){this[n]=t}function u(){var e=t.apply(this,arguments);null==e?delete this[n]:this[n]=e}return null==t?e:"function"==typeof t?u:r}function j(n){function t(){var t=this.ownerDocument,e=this.namespaceURI;return e===Ca&&t.documentElement.namespaceURI===Ca?t.createElement(n):t.createElementNS(e,n)}function e(){return this.ownerDocument.createElementNS(n.space,n.
|
|
|
|
|
r(),S.point=c,S.lineEnd=s}function c(n,t){i(f=n,h=t),g=M,p=x,v=b,d=_,m=w,S.point=i}function s(){u(M,x,y,b,_,w,g,p,f,v,d,m,o,t),S.lineEnd=a,a()}var f,h,g,p,v,d,m,y,M,x,b,_,w,S={point:e,lineStart:r,lineEnd:a,polygonStart:function(){t.polygonStart(),S.lineStart=l},polygonEnd:function(){t.polygonEnd(),S.lineStart=r}};return S}function u(t,e,r,o,l,c,s,f,h,g,p,v,d,m){var y=s-t,M=f-e,x=y*y+M*M;if(x>4*i&&d--){var b=o+g,_=l+p,w=c+v,S=Math.sqrt(b*b+_*_+w*w),k=Math.asin(w/=S),N=Ma(Ma(w)-1)<Pa||Ma(r-h)<Pa?(r+h)/2:Math.atan2(_,b),E=n(N,k),A=E[0],C=E[1],z=A-t,L=C-e,q=M*z-y*L;(q*q/x>i||Ma((y*z+M*L)/x-.5)>.3||a>o*g+l*p+c*v)&&(u(t,e,r,o,l,c,A,C,N,b/=S,_/=S,w,d,m),m.point(A,C),u(A,C,N,b,_,w,s,f,h,g,p,v,d,m))}}var i=.5,a=Math.cos(30*Ia),o=16;return t.precision=function(n){return arguments.length?(o=(i=n*n)>0&&16,t):Math.sqrt(i)},t}function re(n){var t=ee(function(t,e){return n([t*Ya,e*Ya])});return function(n){return le(t(n))}}function ue(n){this.stream=n}function ie(n,t){return{point:t,sphere:function(){n.sphere()},lineStart:function(){n.lineStart()},lineEnd:function(){n.lineEnd()},polygonStart:function(){n.polygonStart()},polygonEnd:function(){n.polygonEnd()}}}function ae(n){return oe(function(){return n})()}function oe(n){function t(n){return n=o(n[0]*Ia,n[1]*Ia),[n[0]*h+l,c-n[1]*h]}function e(n){return n=o.invert((n[0]-l)/h,(c-n[1])/h),n&&[n[0]*Ya,n[1]*Ya]}function r(){o=Ct(a=fe(m,M,x),i);var n=i(v,d);return l=g-n[0]*h,c=p+n[1]*h,u()}function u(){return s&&(s.valid=!1,s=null),t}var i,a,o,l,c,s,f=ee(function(n,t){return n=i(n,t),[n[0]*h+l,c-n[1]*h]}),h=150,g=480,p=250,v=0,d=0,m=0,M=0,x=0,b=Fo,_=y,w=null,S=null;return t.stream=function(n){return s&&(s.valid=!1),s=le(b(a,f(_(n)))),s.valid=!0,s},t.clipAngle=function(n){return arguments.length?(b=null==n?(w=n,Fo):It((w=+n)*Ia),u()):w},t.clipExtent=function(n){return arguments.length?(S=n,_=n?Zt(n[0][0],n[0][1],n[1][0],n[1][1]):y,u()):S},t.scale=function(n){return arguments.length?(h=+n,r()):h},t.translate=function(n){return arguments.length?(g=+n[0],p=+n[1],r()):[g,p]},t.center=function(n){return arguments.length?(v=n[0]%360*Ia,d=n[1]%360*Ia,r()):[v*Ya,d*Ya]},t.rotate=function(n){return arguments.length?(m=n[0]%360*Ia,M=n[1]%360*Ia,x=n.length>2?n[2]%360*Ia:0,r()):[m*Ya,M*Ya,x*Ya]},oa.rebind(t,f,"precision"),function(){return i=n.apply(this,arguments),t.invert=i.invert&&e,r()}}function le(n){return ie(n,function(t,e){n.point(t*Ia,e*Ia)})}function ce(n,t){return[n,t]}function se(n,t){return[n>ja?n-Fa:-ja>n?n+Fa:n,t]}function fe(n,t,e){return n?t||e?Ct(ge(n),pe(t,e)):ge(n):t||e?pe(t,e):se}function he(n){return function(t,e){return t+=n,[t>ja?t-Fa:-ja>t?t+Fa:t,e]}}function ge(n){var t=he(n);return t.invert=he(-n),t}function pe(n,t){function e(n,t){var e=Math.cos(t),o=Math.cos(n)*e,l=Math.sin(n)*e,c=Math.sin(t),s=c*r+o*u;return[Math.atan2(l*i-s*a,o*r-c*u),tn(s*i+l*a)]}var r=Math.cos(n),u=Math.sin(n),i=Math.cos(t),a=Math.sin(t);return e.invert=function(n,t){var e=Math.cos(t),o=Math.cos(n)*e,l=Math.sin(n)*e,c=Math.sin(t),s=c*i-l*a;return[Math.atan2(l*i+c*a,o*r+s*u),tn(s*r-o*u)]},e}function ve(n,t){var e=Math.cos(n),r=Math.sin(n);return function(u,i,a,o){var l=a*t;null!=u?(u=de(e,u),i=de(e,i),(a>0?i>u:u>i)&&(u+=a*Fa)):(u=n+a*Fa,i=n-.5*l);for(var c,s=u;a>0?s>i:i>s;s-=l)o.point((c=_t([e,-r*Math.cos(s),-r*Math.sin(s)]))[0],c[1])}}function de(n,t){var e=dt(t);e[0]-=n,bt(e);var r=nn(-e[1]);return((-e[2]<0?-r:r)+2*Math.PI-Pa)%(2*Math.PI)}function me(n,t,e){var r=oa.range(n,t-Pa,e).concat(t);return function(n){return r.map(function(t){return[n,t]})}}function ye(n,t,e){var r=oa.range(n,t-Pa,e).concat(t);return function(n){return r.map(function(t){return[t,n]})}}function Me(n){return n.source}function xe(n){return n.target}function be(n,t,e,r){var u=Math.cos(t),i=Math.sin(t),a=Math.cos(r),o=Math.sin(r),l=u*Math.cos(n),c=u*Math.sin(n),s=a*Math.cos(e),f=a*Math.sin(e),h=2*Math.asin(Math.sqrt(an(r-t)+u*a*an(e-n))),g=1/Math.sin(h),p=h?function(n){var t=Math.sin(n*=h)*g,e=Math.sin(h-n)*g,r=e*l+t*s,u=e*c+t*f,a=e*i+t*o;return[Math.atan2(u,r)*Ya,Math.atan2(a,Math.sqrt(r*r+u*u))*Ya]}:function(){return[n*Ya,t*Ya]};re
|
|
|
|
|
return g}:En(r),w=u===i?function(){return p}:En(i);++y<M;)a.call(this,h=t[y],y)?(d.push([g=+x.call(this,h,y),p=+b.call(this,h,y)]),m.push([+_.call(this,h,y),+w.call(this,h,y)])):d.length&&(l(),d=[],m=[]);return d.length&&l(),v.length?v.join(""):null}var e=Ce,r=Ce,u=0,i=ze,a=zt,o=xi,l=o.key,c=o,s="L",f=.7;return t.x=function(n){return arguments.length?(e=r=n,t):r},t.x0=function(n){return arguments.length?(e=n,t):e},t.x1=function(n){return arguments.length?(r=n,t):r},t.y=function(n){return arguments.length?(u=i=n,t):i},t.y0=function(n){return arguments.length?(u=n,t):u},t.y1=function(n){return arguments.length?(i=n,t):i},t.defined=function(n){return arguments.length?(a=n,t):a},t.interpolate=function(n){return arguments.length?(l="function"==typeof n?o=n:(o=Tl.get(n)||xi).key,c=o.reverse||o,s=o.closed?"M":"L",t):l},t.tension=function(n){return arguments.length?(f=n,t):f},t}function Ii(n){return n.radius}function Yi(n){return[n.x,n.y]}function Zi(n){return function(){var t=n.apply(this,arguments),e=t[0],r=t[1]-Oa;return[e*Math.cos(r),e*Math.sin(r)]}}function Vi(){return 64}function Xi(){return"circle"}function $i(n){var t=Math.sqrt(n/ja);return"M0,"+t+"A"+t+","+t+" 0 1,1 0,"+-t+"A"+t+","+t+" 0 1,1 0,"+t+"Z"}function Bi(n){return function(){var t,e,r;(t=this[n])&&(r=t[e=t.active])&&(r.timer.c=null,r.timer.t=NaN,--t.count?delete t[e]:delete this[n],t.active+=.5,r.event&&r.event.interrupt.call(this,this.__data__,r.index))}}function Wi(n,t,e){return Sa(n,Yl),n.namespace=t,n.id=e,n}function Ji(n,t,e,r){var u=n.id,i=n.namespace;return Y(n,"function"==typeof e?function(n,a,o){n[i][u].tween.set(t,r(e.call(n,n.__data__,a,o)))}:(e=r(e),function(n){n[i][u].tween.set(t,e)}))}function Gi(n){return null==n&&(n=""),function(){this.textContent=n}}function Ki(n){return null==n?"__transition__":"__transition_"+n+"__"}function Qi(n,t,e,r,u){function i(n){var t=v.delay;return s.t=t+l,n>=t?a(n-t):void(s.c=a)}function a(e){var u=p.active,i=p[u];i&&(i.timer.c=null,i.timer.t=NaN,--p.count,delete p[u],i.event&&i.event.interrupt.call(n,n.__data__,i.index));for(var a in p)if(r>+a){var c=p[a];c.timer.c=null,c.timer.t=NaN,--p.count,delete p[a]}s.c=o,qn(function(){return s.c&&o(e||1)&&(s.c=null,s.t=NaN),1},0,l),p.active=r,v.event&&v.event.start.call(n,n.__data__,t),g=[],v.tween.forEach(function(e,r){(r=r.call(n,n.__data__,t))&&g.push(r)}),h=v.ease,f=v.duration}function o(u){for(var i=u/f,a=h(i),o=g.length;o>0;)g[--o].call(n,a);return i>=1?(v.event&&v.event.end.call(n,n.__data__,t),--p.count?delete p[r]:delete n[e],1):void 0}var l,s,f,h,g,p=n[e]||(n[e]={active:0,count:0}),v=p[r];v||(l=u.time,s=qn(i,0,l),v=p[r]={tween:new c,time:l,timer:s,delay:u.delay,duration:u.duration,ease:u.ease,index:t},u=null,++p.count)}function na(n,t,e){n.attr("transform",function(n){var r=t(n);return"translate("+(isFinite(r)?r:e(n))+",0)"})}function ta(n,t,e){n.attr("transform",function(n){var r=t(n);return"translate(0,"+(isFinite(r)?r:e(n))+")"})}function ea(n){return n.toISOString()}function ra(n,t,e){function r(t){return n(t)}function u(n,e){var r=n[1]-n[0],u=r/e,i=oa.bisect(Kl,u);return i==Kl.length?[t.year,Ku(n.map(function(n){return n/31536e6}),e)[2]]:i?t[u/Kl[i-1]<Kl[i]/u?i-1:i]:[tc,Ku(n,e)[2]]}return r.invert=function(t){return ua(n.invert(t))},r.domain=function(t){return arguments.length?(n.domain(t),r):n.domain().map(ua)},r.nice=function(n,t){function e(e){return!isNaN(e)&&!n.range(e,ua(+e+1),t).length}var i=r.domain(),a=Yu(i),o=null==n?u(a,10):"number"==typeof n&&u(a,n);return o&&(n=o[0],t=o[1]),r.domain(Xu(i,t>1?{floor:function(t){for(;e(t=n.floor(t));)t=ua(t-1);return t},ceil:function(t){for(;e(t=n.ceil(t));)t=ua(+t+1);return t}}:n))},r.ticks=function(n,t){var e=Yu(r.domain()),i=null==n?u(e,10):"number"==typeof n?u(e,n):!n.range&&[{range:n},t];return i&&(n=i[0],t=i[1]),n.range(e[0],ua(+e[1]+1),1>t?1:t)},r.tickFormat=function(){return e},r.copy=function(){return ra(n.copy(),t,e)},Ju(r,n)}function ua(n){return new Date(n)}function ia(n){return JSON.parse(n.responseText)}function aa(n){var t=sa.createRange();return t.selectNode(sa.body),t.createContextualFragment(n.res
|
|
|
|
|
shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]});oa.format=xo.numberFormat,oa.geo={},st.prototype={s:0,t:0,add:function(n){ft(n,this.t,bo),ft(bo.s,this.s,this),this.s?this.t+=bo.t:this.s=bo.t},reset:function(){this.s=this.t=0},valueOf:function(){return this.s}};var bo=new st;oa.geo.stream=function(n,t){n&&_o.hasOwnProperty(n.type)?_o[n.type](n,t):ht(n,t)};var _o={Feature:function(n,t){ht(n.geometry,t)},FeatureCollection:function(n,t){for(var e=n.features,r=-1,u=e.length;++r<u;)ht(e[r].geometry,t)}},wo={Sphere:function(n,t){t.sphere()},Point:function(n,t){n=n.coordinates,t.point(n[0],n[1],n[2])},MultiPoint:function(n,t){for(var e=n.coordinates,r=-1,u=e.length;++r<u;)n=e[r],t.point(n[0],n[1],n[2])},LineString:function(n,t){gt(n.coordinates,t,0)},MultiLineString:function(n,t){for(var e=n.coordinates,r=-1,u=e.length;++r<u;)gt(e[r],t,0)},Polygon:function(n,t){pt(n.coordinates,t)},MultiPolygon:function(n,t){for(var e=n.coordinates,r=-1,u=e.length;++r<u;)pt(e[r],t)},GeometryCollection:function(n,t){for(var e=n.geometries,r=-1,u=e.length;++r<u;)ht(e[r],t)}};oa.geo.area=function(n){return So=0,oa.geo.stream(n,No),So};var So,ko=new st,No={sphere:function(){So+=4*ja},point:b,lineStart:b,lineEnd:b,polygonStart:function(){ko.reset(),No.lineStart=vt},polygonEnd:function(){var n=2*ko;So+=0>n?4*ja+n:n,No.lineStart=No.lineEnd=No.point=b}};oa.geo.bounds=function(){function n(n,t){M.push(x=[s=n,h=n]),f>t&&(f=t),t>g&&(g=t)}function t(t,e){var r=dt([t*Ia,e*Ia]);if(m){var u=yt(m,r),i=[u[1],-u[0],0],a=yt(i,u);bt(a),a=_t(a);var l=t-p,c=l>0?1:-1,v=a[0]*Ya*c,d=Ma(l)>180;if(d^(v>c*p&&c*t>v)){var y=a[1]*Ya;y>g&&(g=y)}else if(v=(v+360)%360-180,d^(v>c*p&&c*t>v)){var y=-a[1]*Ya;f>y&&(f=y)}else f>e&&(f=e),e>g&&(g=e);d?p>t?o(s,t)>o(s,h)&&(h=t):o(t,h)>o(s,h)&&(s=t):h>=s?(s>t&&(s=t),t>h&&(h=t)):t>p?o(s,t)>o(s,h)&&(h=t):o(t,h)>o(s,h)&&(s=t)}else n(t,e);m=r,p=t}function e(){b.point=t}function r(){x[0]=s,x[1]=h,b.point=n,m=null}function u(n,e){if(m){var r=n-p;y+=Ma(r)>180?r+(r>0?360:-360):r}else v=n,d=e;No.point(n,e),t(n,e)}function i(){No.lineStart()}function a(){u(v,d),No.lineEnd(),Ma(y)>Pa&&(s=-(h=180)),x[0]=s,x[1]=h,m=null}function o(n,t){return(t-=n)<0?t+360:t}function l(n,t){return n[0]-t[0]}function c(n,t){return t[0]<=t[1]?t[0]<=n&&n<=t[1]:n<t[0]||t[1]<n}var s,f,h,g,p,v,d,m,y,M,x,b={point:n,lineStart:e,lineEnd:r,polygonStart:function(){b.point=u,b.lineStart=i,b.lineEnd=a,y=0,No.polygonStart()},polygonEnd:function(){No.polygonEnd(),b.point=n,b.lineStart=e,b.lineEnd=r,0>ko?(s=-(h=180),f=-(g=90)):y>Pa?g=90:-Pa>y&&(f=-90),x[0]=s,x[1]=h}};return function(n){g=h=-(s=f=1/0),M=[],oa.geo.stream(n,b);var t=M.length;if(t){M.sort(l);for(var e,r=1,u=M[0],i=[u];t>r;++r)e=M[r],c(e[0],u)||c(e[1],u)?(o(u[0],e[1])>o(u[0],u[1])&&(u[1]=e[1]),o(e[0],u[1])>o(u[0],u[1])&&(u[0]=e[0])):i.push(u=e);for(var a,e,p=-(1/0),t=i.length-1,r=0,u=i[t];t>=r;u=e,++r)e=i[r],(a=o(u[1],e[0]))>p&&(p=a,s=e[0],h=u[1])}return M=x=null,s===1/0||f===1/0?[[NaN,NaN],[NaN,NaN]]:[[s,f],[h,g]]}}(),oa.geo.centroid=function(n){Eo=Ao=Co=zo=Lo=qo=To=Ro=Do=Po=Uo=0,oa.geo.stream(n,jo);var t=Do,e=Po,r=Uo,u=t*t+e*e+r*r;return Ua>u&&(t=qo,e=To,r=Ro,Pa>Ao&&(t=Co,e=zo,r=Lo),u=t*t+e*e+r*r,Ua>u)?[NaN,NaN]:[Math.atan2(e,t)*Ya,tn(r/Math.sqrt(u))*Ya]};var Eo,Ao,Co,zo,Lo,qo,To,Ro,Do,Po,Uo,jo={sphere:b,point:St,lineStart:Nt,lineEnd:Et,polygonStart:function(){jo.lineStart=At},polygonEnd:function(){jo.lineStart=Nt}},Fo=Rt(zt,jt,Ht,[-ja,-ja/2]),Ho=1e9;oa.geo.clipExtent=function(){var n,t,e,r,u,i,a={stream:function(n){return u&&(u.valid=!1),u=i(n),u.valid=!0,u},extent:function(o){return arguments.length?(i=Zt(n=+o[0][0],t=+o[0][1],e=+o[1][0],r=+o[1][1]),u&&(u.valid=!1,u=null),a):[[n,t],[e,r]]}};return a.extent([[0,0],[960,500]])},(oa.geo.conicEqualArea=function(){return Vt(Xt)}).raw=Xt,oa.geo.albers=function(){return oa.geo.conicEqualArea().rotate([96,0]).center([-.6,38.7]).parallels([29.5,45.5]).scale(1070)},oa.
|
|
|
|
|
if(t==e.dx){for((r||s>e.dy)&&(s=e.dy);++i<a;)u=n[i],u.x=o,u.y=c,u.dy=s,o+=u.dx=Math.min(e.x+e.dx-o,s?l(u.area/s):0);u.z=!0,u.dx+=e.x+e.dx-o,e.y+=s,e.dy-=s}else{for((r||s>e.dx)&&(s=e.dx);++i<a;)u=n[i],u.x=o,u.y=c,u.dx=s,c+=u.dy=Math.min(e.y+e.dy-c,s?l(u.area/s):0);u.z=!1,u.dy+=e.y+e.dy-c,e.x+=s,e.dx-=s}}function i(r){var u=a||o(r),i=u[0];return i.x=i.y=0,i.value?(i.dx=c[0],i.dy=c[1]):i.dx=i.dy=0,a&&o.revalue(i),n([i],i.dx*i.dy/i.value),(a?e:t)(i),h&&(a=u),u}var a,o=oa.layout.hierarchy(),l=Math.round,c=[1,1],s=null,f=Ou,h=!1,g="squarify",p=.5*(1+Math.sqrt(5));return i.size=function(n){return arguments.length?(c=n,i):c},i.padding=function(n){function t(t){var e=n.call(i,t,t.depth);return null==e?Ou(t):Iu(t,"number"==typeof e?[e,e,e,e]:e)}function e(t){return Iu(t,n)}if(!arguments.length)return s;var r;return f=null==(s=n)?Ou:"function"==(r=typeof n)?t:"number"===r?(n=[n,n,n,n],e):e,i},i.round=function(n){return arguments.length?(l=n?Math.round:Number,i):l!=Number},i.sticky=function(n){return arguments.length?(h=n,a=null,i):h},i.ratio=function(n){return arguments.length?(p=n,i):p},i.mode=function(n){return arguments.length?(g=n+"",i):g},uu(i,o)},oa.random={normal:function(n,t){var e=arguments.length;return 2>e&&(t=1),1>e&&(n=0),function(){var e,r,u;do e=2*Math.random()-1,r=2*Math.random()-1,u=e*e+r*r;while(!u||u>1);return n+t*e*Math.sqrt(-2*Math.log(u)/u)}},logNormal:function(){var n=oa.random.normal.apply(oa,arguments);return function(){return Math.exp(n())}},bates:function(n){var t=oa.random.irwinHall(n);return function(){return t()/n}},irwinHall:function(n){return function(){for(var t=0,e=0;n>e;e++)t+=Math.random();return t}}},oa.scale={};var Sl={floor:y,ceil:y};oa.scale.linear=function(){return Wu([0,1],[0,1],Mr,!1)};var kl={s:1,g:1,p:1,r:1,e:1};oa.scale.log=function(){return ri(oa.scale.linear().domain([0,1]),10,!0,[1,10])};var Nl=oa.format(".0e"),El={floor:function(n){return-Math.ceil(-n)},ceil:function(n){return-Math.floor(-n)}};oa.scale.pow=function(){return ui(oa.scale.linear(),1,[0,1])},oa.scale.sqrt=function(){return oa.scale.pow().exponent(.5)},oa.scale.ordinal=function(){return ai([],{t:"range",a:[[]]})},oa.scale.category10=function(){return oa.scale.ordinal().range(Al)},oa.scale.category20=function(){return oa.scale.ordinal().range(Cl)},oa.scale.category20b=function(){return oa.scale.ordinal().range(zl)},oa.scale.category20c=function(){return oa.scale.ordinal().range(Ll)};var Al=[2062260,16744206,2924588,14034728,9725885,9197131,14907330,8355711,12369186,1556175].map(xn),Cl=[2062260,11454440,16744206,16759672,2924588,10018698,14034728,16750742,9725885,12955861,9197131,12885140,14907330,16234194,8355711,13092807,12369186,14408589,1556175,10410725].map(xn),zl=[3750777,5395619,7040719,10264286,6519097,9216594,11915115,13556636,9202993,12426809,15186514,15190932,8666169,11356490,14049643,15177372,8077683,10834324,13528509,14589654].map(xn),Ll=[3244733,7057110,10406625,13032431,15095053,16616764,16625259,16634018,3253076,7652470,10607003,13101504,7695281,10394312,12369372,14342891,6513507,9868950,12434877,14277081].map(xn);oa.scale.quantile=function(){return oi([],[])},oa.scale.quantize=function(){return li(0,1,[0,1])},oa.scale.threshold=function(){return ci([.5],[0,1])},oa.scale.identity=function(){return si([0,1])},oa.svg={},oa.svg.arc=function(){function n(){var n=Math.max(0,+e.apply(this,arguments)),c=Math.max(0,+r.apply(this,arguments)),s=a.apply(this,arguments)-Oa,f=o.apply(this,arguments)-Oa,h=Math.abs(f-s),g=s>f?0:1;if(n>c&&(p=c,c=n,n=p),h>=Ha)return t(c,g)+(n?t(n,1-g):"")+"Z";var p,v,d,m,y,M,x,b,_,w,S,k,N=0,E=0,A=[];if((m=(+l.apply(this,arguments)||0)/2)&&(d=i===ql?Math.sqrt(n*n+c*c):+i.apply(this,arguments),g||(E*=-1),c&&(E=tn(d/c*Math.sin(m))),n&&(N=tn(d/n*Math.sin(m)))),c){y=c*Math.cos(s+E),M=c*Math.sin(s+E),x=c*Math.cos(f-E),b=c*Math.sin(f-E);var C=Math.abs(f-s-2*E)<=ja?0:1;if(E&&mi(y,M,x,b)===g^C){var z=(s+f)/2;y=c*Math.cos(z),M=c*Math.sin(z),x=b=null}}else y=M=0;if(n){_=n*Math.cos(f-N),w=n*Math.sin(f-N),S=n*Math.cos(s+N),k=n*Math.sin(s+N);var L=Math.abs(s-f+2*N)<=ja?0:1;if(N&&mi(_,w,S,k)===1-g^L){var
|
2012-12-05 11:28:55 -05:00
|
|
|
|
2013-07-20 22:00:26 -04:00
|
|
|
// Match width of graphs with summary bar
|
|
|
|
|
var responsiveWidth = function() {
|
2013-09-30 21:43:24 -07:00
|
|
|
return document.getElementsByClassName('summary_bar')[0].clientWidth - 30;
|
2013-07-20 22:00:26 -04:00
|
|
|
};
|
|
|
|
|
|
2017-03-16 13:51:29 -07:00
|
|
|
// Rickshaw 1.6.0
|
|
|
|
|
(function(root,factory){if(typeof define==="function"&&define.amd){define(["d3"],function(d3){return root.Rickshaw=factory(d3)})}else if(typeof exports==="object"){module.exports=factory(require("d3"))}else{root.Rickshaw=factory(d3)}})(this,function(d3){var Rickshaw={namespace:function(namespace,obj){var parts=namespace.split(".");var parent=Rickshaw;for(var i=1,length=parts.length;i<length;i++){var currentPart=parts[i];parent[currentPart]=parent[currentPart]||{};parent=parent[currentPart]}return parent},keys:function(obj){var keys=[];for(var key in obj)keys.push(key);return keys},extend:function(destination,source){for(var property in source){destination[property]=source[property]}return destination},clone:function(obj){return JSON.parse(JSON.stringify(obj))}};(function(globalContext){var _toString=Object.prototype.toString,NULL_TYPE="Null",UNDEFINED_TYPE="Undefined",BOOLEAN_TYPE="Boolean",NUMBER_TYPE="Number",STRING_TYPE="String",OBJECT_TYPE="Object",FUNCTION_CLASS="[object Function]";function isFunction(object){return _toString.call(object)===FUNCTION_CLASS}function extend(destination,source){for(var property in source)if(source.hasOwnProperty(property))destination[property]=source[property];return destination}function keys(object){if(Type(object)!==OBJECT_TYPE){throw new TypeError}var results=[];for(var property in object){if(object.hasOwnProperty(property)){results.push(property)}}return results}function Type(o){switch(o){case null:return NULL_TYPE;case void 0:return UNDEFINED_TYPE}var type=typeof o;switch(type){case"boolean":return BOOLEAN_TYPE;case"number":return NUMBER_TYPE;case"string":return STRING_TYPE}return OBJECT_TYPE}function isUndefined(object){return typeof object==="undefined"}var slice=Array.prototype.slice;function argumentNames(fn){var names=fn.toString().match(/^[\s\(]*function[^(]*\(([^)]*)\)/)[1].replace(/\/\/.*?[\r\n]|\/\*(?:.|[\r\n])*?\*\//g,"").replace(/\s+/g,"").split(",");return names.length==1&&!names[0]?[]:names}function wrap(fn,wrapper){var __method=fn;return function(){var a=update([bind(__method,this)],arguments);return wrapper.apply(this,a)}}function update(array,args){var arrayLength=array.length,length=args.length;while(length--)array[arrayLength+length]=args[length];return array}function merge(array,args){array=slice.call(array,0);return update(array,args)}function bind(fn,context){if(arguments.length<2&&isUndefined(arguments[0]))return this;var __method=fn,args=slice.call(arguments,2);return function(){var a=merge(args,arguments);return __method.apply(context,a)}}var emptyFunction=function(){};var Class=function(){var IS_DONTENUM_BUGGY=function(){for(var p in{toString:1}){if(p==="toString")return false}return true}();function subclass(){}function create(){var parent=null,properties=[].slice.apply(arguments);if(isFunction(properties[0]))parent=properties.shift();function klass(){this.initialize.apply(this,arguments)}extend(klass,Class.Methods);klass.superclass=parent;klass.subclasses=[];if(parent){subclass.prototype=parent.prototype;klass.prototype=new subclass;try{parent.subclasses.push(klass)}catch(e){}}for(var i=0,length=properties.length;i<length;i++)klass.addMethods(properties[i]);if(!klass.prototype.initialize)klass.prototype.initialize=emptyFunction;klass.prototype.constructor=klass;return klass}function addMethods(source){var ancestor=this.superclass&&this.superclass.prototype,properties=keys(source);if(IS_DONTENUM_BUGGY){if(source.toString!=Object.prototype.toString)properties.push("toString");if(source.valueOf!=Object.prototype.valueOf)properties.push("valueOf")}for(var i=0,length=properties.length;i<length;i++){var property=properties[i],value=source[property];if(ancestor&&isFunction(value)&&argumentNames(value)[0]=="$super"){var method=value;value=wrap(function(m){return function(){return ancestor[m].apply(this,arguments)}}(property),method);value.valueOf=bind(method.valueOf,method);value.toString=bind(method.toString,method)}this.prototype[property]=value}return this}return{create:create,Methods:{addMethods:addMethods}}}();if(globalContext.exports){globalContext.exports
|
|
|
|
|
var gridSize=(this.orientation=="right"?1:-1)*this.graph.width;this.graph.vis.append("svg:g").attr("class","y_grid").call(axis.ticks(this.ticks).tickSubdivide(0).tickSize(gridSize)).selectAll("text").each(function(){this.parentNode.setAttribute("data-y-value",this.textContent)})}});Rickshaw.namespace("Rickshaw.Graph.Axis.Y.Scaled");Rickshaw.Graph.Axis.Y.Scaled=Rickshaw.Class.create(Rickshaw.Graph.Axis.Y,{initialize:function($super,args){if(typeof args.scale==="undefined"){throw new Error("Scaled requires scale")}this.scale=args.scale;if(typeof args.grid==="undefined"){this.grid=true}else{this.grid=args.grid}$super(args)},_drawAxis:function($super,scale){var domain=this.scale.domain();var renderDomain=this.graph.renderer.domain().y;var extents=[Math.min.apply(Math,domain),Math.max.apply(Math,domain)];var extentMap=d3.scale.linear().domain([0,1]).range(extents);var adjExtents=[extentMap(renderDomain[0]),extentMap(renderDomain[1])];var adjustment=d3.scale.linear().domain(extents).range(adjExtents);var adjustedScale=this.scale.copy().domain(domain.map(adjustment)).range(scale.range());return $super(adjustedScale)},_drawGrid:function($super,axis){if(this.grid){$super(axis)}}});Rickshaw.namespace("Rickshaw.Graph.Behavior.Series.Highlight");Rickshaw.Graph.Behavior.Series.Highlight=function(args){this.graph=args.graph;this.legend=args.legend;var self=this;var colorSafe={};var activeLine=null;var disabledColor=args.disabledColor||function(seriesColor){return d3.interpolateRgb(seriesColor,d3.rgb("#d8d8d8"))(.8).toString()};this.addHighlightEvents=function(l){l.element.addEventListener("mouseover",function(e){if(activeLine)return;else activeLine=l;self.legend.lines.forEach(function(line){if(l===line){if(self.graph.renderer.unstack&&(line.series.renderer?line.series.renderer.unstack:true)){var seriesIndex=self.graph.series.indexOf(line.series);line.originalIndex=seriesIndex;var series=self.graph.series.splice(seriesIndex,1)[0];self.graph.series.push(series)}return}colorSafe[line.series.name]=colorSafe[line.series.name]||line.series.color;line.series.color=disabledColor(line.series.color)});self.graph.update()},false);l.element.addEventListener("mouseout",function(e){if(!activeLine)return;else activeLine=null;self.legend.lines.forEach(function(line){if(l===line&&line.hasOwnProperty("originalIndex")){var series=self.graph.series.pop();self.graph.series.splice(line.originalIndex,0,series);delete line.originalIndex}if(colorSafe[line.series.name]){line.series.color=colorSafe[line.series.name]}});self.graph.update()},false)};if(this.legend){this.legend.lines.forEach(function(l){self.addHighlightEvents(l)})}};Rickshaw.namespace("Rickshaw.Graph.Behavior.Series.Order");Rickshaw.Graph.Behavior.Series.Order=function(args){this.graph=args.graph;this.legend=args.legend;var self=this;if(typeof window.jQuery=="undefined"){throw"couldn't find jQuery at window.jQuery"}if(typeof window.jQuery.ui=="undefined"){throw"couldn't find jQuery UI at window.jQuery.ui"}jQuery(function(){jQuery(self.legend.list).sortable({containment:"parent",tolerance:"pointer",update:function(event,ui){var series=[];jQuery(self.legend.list).find("li").each(function(index,item){if(!item.series)return;series.push(item.series)});for(var i=self.graph.series.length-1;i>=0;i--){self.graph.series[i]=series.shift()}self.graph.update()}});jQuery(self.legend.list).disableSelection()});this.graph.onUpdate(function(){var h=window.getComputedStyle(self.legend.element).height;self.legend.element.style.height=h})};Rickshaw.namespace("Rickshaw.Graph.Behavior.Series.Toggle");Rickshaw.Graph.Behavior.Series.Toggle=function(args){this.graph=args.graph;this.legend=args.legend;var self=this;this.addAnchor=function(line){var anchor=document.createElement("a");anchor.innerHTML="✔";anchor.classList.add("action");line.element.insertBefore(anchor,line.element.firstChild);anchor.onclick=function(e){if(line.series.disabled){line.series.enable();line.element.classList.remove("disabled")}else{if(this.graph.series.filter(function(s){return!s.disabled}).length<=1)return;line.series.disable();line.ele
|
|
|
|
|
var nodes=vis.selectAll("path").data(series.stack.filter(function(d){return d.y!==null})).enter().append("svg:rect").attr("x",function(d){return graph.x(d.x)+barXOffset}).attr("y",function(d){return graph.y(d.y0+Math.abs(d.y))*(d.y<0?-1:1)}).attr("width",seriesBarWidth).attr("height",function(d){return graph.y.magnitude(Math.abs(d.y))}).attr("opacity",series.opacity).attr("transform",transform);Array.prototype.forEach.call(nodes[0],function(n){n.setAttribute("fill",series.color)});if(this.unstack)barXOffset+=seriesBarWidth},this)},_frequentInterval:function(data){var intervalCounts={};for(var i=0;i<data.length-1;i++){var interval=data[i+1].x-data[i].x;intervalCounts[interval]=intervalCounts[interval]||0;intervalCounts[interval]++}var frequentInterval={count:0,magnitude:1};var keysSorted=Rickshaw.keys(intervalCounts).sort(function asc(a,b){return Number(a)-Number(b)});keysSorted.forEach(function(i){if(frequentInterval.count<intervalCounts[i]){frequentInterval={count:intervalCounts[i],magnitude:i}}});return frequentInterval}});Rickshaw.namespace("Rickshaw.Graph.Renderer.Area");Rickshaw.Graph.Renderer.Area=Rickshaw.Class.create(Rickshaw.Graph.Renderer,{name:"area",defaults:function($super){return Rickshaw.extend($super(),{unstack:false,fill:false,stroke:false})},seriesPathFactory:function(){var graph=this.graph;var factory=d3.svg.area().x(function(d){return graph.x(d.x)}).y0(function(d){return graph.y(d.y0)}).y1(function(d){return graph.y(d.y+d.y0)}).interpolate(graph.interpolation).tension(this.tension);factory.defined&&factory.defined(function(d){return d.y!==null});return factory},seriesStrokeFactory:function(){var graph=this.graph;var factory=d3.svg.line().x(function(d){return graph.x(d.x)}).y(function(d){return graph.y(d.y+d.y0)}).interpolate(graph.interpolation).tension(this.tension);factory.defined&&factory.defined(function(d){return d.y!==null});return factory},render:function(args){args=args||{};var graph=this.graph;var series=args.series||graph.series;var vis=args.vis||graph.vis;vis.selectAll("*").remove();var method=this.unstack?"append":"insert";var data=series.filter(function(s){return!s.disabled}).map(function(s){return s.stack});var nodes=vis.selectAll("path").data(data).enter()[method]("svg:g","g");nodes.append("svg:path").attr("d",this.seriesPathFactory()).attr("class","area");if(this.stroke){nodes.append("svg:path").attr("d",this.seriesStrokeFactory()).attr("class","line")}var i=0;series.forEach(function(series){if(series.disabled)return;series.path=nodes[0][i++];this._styleSeries(series)},this)},_styleSeries:function(series){if(!series.path)return;d3.select(series.path).select(".area").attr("fill",series.color);if(this.stroke){d3.select(series.path).select(".line").attr("fill","none").attr("stroke",series.stroke||d3.interpolateRgb(series.color,"black")(.125)).attr("stroke-width",this.strokeWidth)}if(series.className){series.path.setAttribute("class",series.className)}}});Rickshaw.namespace("Rickshaw.Graph.Renderer.ScatterPlot");Rickshaw.Graph.Renderer.ScatterPlot=Rickshaw.Class.create(Rickshaw.Graph.Renderer,{name:"scatterplot",defaults:function($super){return Rickshaw.extend($super(),{unstack:true,fill:true,stroke:false,padding:{top:.01,right:.01,bottom:.01,left:.01},dotSize:4})},initialize:function($super,args){$super(args)},render:function(args){args=args||{};var graph=this.graph;var series=args.series||graph.series;var vis=args.vis||graph.vis;var dotSize=this.dotSize;vis.selectAll("*").remove();series.forEach(function(series){if(series.disabled)return;var opacity=series.opacity?series.opacity:1;var nodes=vis.selectAll("path").data(series.stack.filter(function(d){return d.y!==null})).enter().append("svg:circle").attr("cx",function(d){return graph.x(d.x)}).attr("cy",function(d){return graph.y(d.y)}).attr("r",function(d){return"r"in d?d.r:dotSize}).attr("opacity",function(d){return"opacity"in d?d.opacity:opacity});if(series.className){nodes.classed(series.className,true)}Array.prototype.forEach.call(nodes[0],function(n){n.setAttribute("fill",series.color)})},this)}});Rickshaw.namespace("Rickshaw.Graph.R
|
2012-12-05 11:28:55 -05:00
|
|
|
|
2014-05-17 22:02:16 -07:00
|
|
|
var poller;
|
|
|
|
|
|
2012-12-05 11:28:55 -05:00
|
|
|
var realtimeGraph = function(updatePath) {
|
2017-03-08 14:46:21 -08:00
|
|
|
var timeInterval = parseInt(localStorage.timeInterval || '5000');
|
2012-12-05 11:28:55 -05:00
|
|
|
|
2014-05-21 19:12:55 -04:00
|
|
|
var graphElement = document.getElementById("realtime");
|
|
|
|
|
|
2012-12-05 11:28:55 -05:00
|
|
|
var graph = new Rickshaw.Graph( {
|
2014-05-21 19:12:55 -04:00
|
|
|
element: graphElement,
|
2013-07-20 22:00:26 -04:00
|
|
|
width: responsiveWidth(),
|
2012-12-05 11:28:55 -05:00
|
|
|
height: 200,
|
|
|
|
|
renderer: 'line',
|
2013-01-27 18:54:04 +01:00
|
|
|
interpolation: 'linear',
|
|
|
|
|
|
2014-05-21 19:12:55 -04:00
|
|
|
series: new Rickshaw.Series.FixedDuration([{ name: graphElement.dataset.failedLabel, color: '#B1003E' }, { name: graphElement.dataset.processedLabel, color: '#006f68' }], undefined, {
|
2012-12-05 11:28:55 -05:00
|
|
|
timeInterval: timeInterval,
|
|
|
|
|
maxDataPoints: 100,
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
|
2012-12-12 08:04:52 -05:00
|
|
|
var y_axis = new Rickshaw.Graph.Axis.Y( {
|
2012-12-05 11:28:55 -05:00
|
|
|
graph: graph,
|
|
|
|
|
tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
|
2012-12-12 08:04:52 -05:00
|
|
|
ticksTreatment: 'glow'
|
2012-12-05 11:28:55 -05:00
|
|
|
});
|
|
|
|
|
|
2012-12-12 08:04:52 -05:00
|
|
|
graph.render();
|
2012-12-05 11:28:55 -05:00
|
|
|
|
2014-05-21 15:29:31 -04:00
|
|
|
var legend = document.querySelector('#realtime-legend');
|
|
|
|
|
var Hover = Rickshaw.Class.create(Rickshaw.Graph.HoverDetail, {
|
|
|
|
|
render: function(args) {
|
2014-05-21 19:52:41 -04:00
|
|
|
|
|
|
|
|
legend.innerHTML = "";
|
|
|
|
|
|
|
|
|
|
var timestamp = document.createElement('div');
|
|
|
|
|
timestamp.className = 'timestamp';
|
|
|
|
|
timestamp.innerHTML = args.formattedXValue;
|
|
|
|
|
legend.appendChild(timestamp);
|
2014-05-21 15:29:31 -04:00
|
|
|
|
|
|
|
|
args.detail.sort(function(a, b) { return a.order - b.order }).forEach( function(d) {
|
|
|
|
|
var line = document.createElement('div');
|
|
|
|
|
line.className = 'line';
|
|
|
|
|
|
|
|
|
|
var swatch = document.createElement('div');
|
|
|
|
|
swatch.className = 'swatch';
|
|
|
|
|
swatch.style.backgroundColor = d.series.color;
|
|
|
|
|
|
|
|
|
|
var label = document.createElement('div');
|
|
|
|
|
label.className = 'tag';
|
2014-06-24 20:05:12 -04:00
|
|
|
label.innerHTML = d.name + ": " + Math.floor(d.formattedYValue).numberWithDelimiter();
|
2014-05-21 15:29:31 -04:00
|
|
|
|
|
|
|
|
line.appendChild(swatch);
|
|
|
|
|
line.appendChild(label);
|
|
|
|
|
|
|
|
|
|
legend.appendChild(line);
|
|
|
|
|
|
|
|
|
|
var dot = document.createElement('div');
|
|
|
|
|
dot.className = 'dot';
|
|
|
|
|
dot.style.top = graph.y(d.value.y0 + d.value.y) + 'px';
|
|
|
|
|
dot.style.borderColor = d.series.color;
|
|
|
|
|
|
|
|
|
|
this.element.appendChild(dot);
|
|
|
|
|
|
|
|
|
|
dot.className = 'dot active';
|
|
|
|
|
|
|
|
|
|
this.show();
|
|
|
|
|
|
|
|
|
|
}, this );
|
|
|
|
|
}
|
2012-12-05 11:28:55 -05:00
|
|
|
});
|
2014-05-21 15:29:31 -04:00
|
|
|
var hover = new Hover( { graph: graph } );
|
2012-12-05 11:28:55 -05:00
|
|
|
|
|
|
|
|
var i = 0;
|
2014-05-17 22:02:16 -07:00
|
|
|
poller = setInterval(function() {
|
2012-12-05 11:28:55 -05:00
|
|
|
$.getJSON($("#history").data("update-url"), function(data) {
|
|
|
|
|
|
|
|
|
|
if (i === 0) {
|
2013-02-20 14:09:41 +01:00
|
|
|
var processed = data.sidekiq.processed;
|
|
|
|
|
var failed = data.sidekiq.failed;
|
2012-12-05 11:28:55 -05:00
|
|
|
} else {
|
2013-02-20 14:09:41 +01:00
|
|
|
var processed = data.sidekiq.processed - Sidekiq.processed;
|
|
|
|
|
var failed = data.sidekiq.failed - Sidekiq.failed;
|
2012-12-05 11:28:55 -05:00
|
|
|
}
|
|
|
|
|
|
2014-05-21 19:12:55 -04:00
|
|
|
dataPoint = {};
|
|
|
|
|
dataPoint[graphElement.dataset.failedLabel] = failed;
|
|
|
|
|
dataPoint[graphElement.dataset.processedLabel] = processed;
|
|
|
|
|
|
|
|
|
|
graph.series.addData(dataPoint);
|
2012-12-05 11:28:55 -05:00
|
|
|
graph.render();
|
|
|
|
|
|
2013-02-20 14:09:41 +01:00
|
|
|
Sidekiq.processed = data.sidekiq.processed;
|
|
|
|
|
Sidekiq.failed = data.sidekiq.failed;
|
2012-12-28 20:55:00 -05:00
|
|
|
|
2013-01-26 14:34:46 -05:00
|
|
|
updateStatsSummary(data.sidekiq);
|
|
|
|
|
updateRedisStats(data.redis);
|
2017-05-04 11:20:05 -03:00
|
|
|
updateFooterUTCTime(data.server_utc_time)
|
|
|
|
|
|
2013-01-02 17:49:12 -05:00
|
|
|
pulseBeacon();
|
2012-12-05 11:28:55 -05:00
|
|
|
});
|
2017-05-04 11:20:05 -03:00
|
|
|
|
2012-12-05 11:28:55 -05:00
|
|
|
i++;
|
|
|
|
|
}, timeInterval);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var historyGraph = function() {
|
|
|
|
|
processed = createSeries($("#history").data("processed"))
|
|
|
|
|
failed = createSeries($("#history").data("failed"))
|
|
|
|
|
|
2014-05-21 19:12:55 -04:00
|
|
|
var graphElement = document.getElementById("history");
|
2012-12-05 11:28:55 -05:00
|
|
|
var graph = new Rickshaw.Graph( {
|
2014-05-21 19:12:55 -04:00
|
|
|
element: graphElement,
|
2013-07-20 22:00:26 -04:00
|
|
|
width: responsiveWidth(),
|
2012-12-05 11:28:55 -05:00
|
|
|
height: 200,
|
|
|
|
|
renderer: 'line',
|
2013-01-26 18:00:59 +01:00
|
|
|
interpolation: 'linear',
|
2012-12-05 11:28:55 -05:00
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
color: "#B1003E",
|
|
|
|
|
data: failed,
|
2014-05-21 19:12:55 -04:00
|
|
|
name: graphElement.dataset.failedLabel
|
2012-12-05 11:28:55 -05:00
|
|
|
}, {
|
|
|
|
|
color: "#006f68",
|
|
|
|
|
data: processed,
|
2014-05-21 19:12:55 -04:00
|
|
|
name: graphElement.dataset.processedLabel
|
2012-12-05 11:28:55 -05:00
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
} );
|
2012-12-12 08:04:52 -05:00
|
|
|
var x_axis = new Rickshaw.Graph.Axis.Time( { graph: graph } );
|
2012-12-05 11:28:55 -05:00
|
|
|
|
2012-12-12 08:04:52 -05:00
|
|
|
var y_axis = new Rickshaw.Graph.Axis.Y({
|
2012-12-05 11:28:55 -05:00
|
|
|
graph: graph,
|
|
|
|
|
tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
|
2012-12-12 08:04:52 -05:00
|
|
|
ticksTreatment: 'glow'
|
2012-12-05 11:28:55 -05:00
|
|
|
});
|
|
|
|
|
|
2012-12-12 08:04:52 -05:00
|
|
|
graph.render();
|
2012-12-05 11:28:55 -05:00
|
|
|
|
2014-05-21 16:37:49 -04:00
|
|
|
var legend = document.querySelector('#history-legend');
|
|
|
|
|
var Hover = Rickshaw.Class.create(Rickshaw.Graph.HoverDetail, {
|
|
|
|
|
render: function(args) {
|
2014-05-21 19:52:41 -04:00
|
|
|
|
|
|
|
|
legend.innerHTML = "";
|
|
|
|
|
|
|
|
|
|
var timestamp = document.createElement('div');
|
|
|
|
|
timestamp.className = 'timestamp';
|
|
|
|
|
timestamp.innerHTML = args.formattedXValue;
|
|
|
|
|
legend.appendChild(timestamp);
|
2014-05-21 16:37:49 -04:00
|
|
|
|
|
|
|
|
args.detail.sort(function(a, b) { return a.order - b.order }).forEach( function(d) {
|
|
|
|
|
var line = document.createElement('div');
|
|
|
|
|
line.className = 'line';
|
|
|
|
|
|
|
|
|
|
var swatch = document.createElement('div');
|
|
|
|
|
swatch.className = 'swatch';
|
|
|
|
|
swatch.style.backgroundColor = d.series.color;
|
|
|
|
|
|
|
|
|
|
var label = document.createElement('div');
|
|
|
|
|
label.className = 'tag';
|
2014-06-24 20:05:12 -04:00
|
|
|
label.innerHTML = d.name + ": " + Math.floor(d.formattedYValue).numberWithDelimiter();
|
2014-05-21 16:37:49 -04:00
|
|
|
|
|
|
|
|
line.appendChild(swatch);
|
|
|
|
|
line.appendChild(label);
|
|
|
|
|
|
|
|
|
|
legend.appendChild(line);
|
|
|
|
|
|
|
|
|
|
var dot = document.createElement('div');
|
|
|
|
|
dot.className = 'dot';
|
|
|
|
|
dot.style.top = graph.y(d.value.y0 + d.value.y) + 'px';
|
|
|
|
|
dot.style.borderColor = d.series.color;
|
|
|
|
|
|
|
|
|
|
this.element.appendChild(dot);
|
|
|
|
|
|
|
|
|
|
dot.className = 'dot active';
|
|
|
|
|
|
|
|
|
|
this.show();
|
|
|
|
|
|
|
|
|
|
}, this );
|
|
|
|
|
}
|
2012-12-05 11:28:55 -05:00
|
|
|
});
|
2014-05-21 16:37:49 -04:00
|
|
|
var hover = new Hover( { graph: graph } );
|
2012-12-05 11:28:55 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var createSeries = function(obj) {
|
|
|
|
|
var series = []
|
|
|
|
|
for (var date in obj) {
|
|
|
|
|
var value = obj[date];
|
|
|
|
|
var point = { x: Date.parse(date)/1000, y: value };
|
|
|
|
|
series.unshift(point);
|
|
|
|
|
}
|
|
|
|
|
return series;
|
|
|
|
|
};
|
|
|
|
|
|
2012-12-28 20:55:00 -05:00
|
|
|
var updateStatsSummary = function(data) {
|
|
|
|
|
$('ul.summary li.processed span.count').html(data.processed.numberWithDelimiter())
|
|
|
|
|
$('ul.summary li.failed span.count').html(data.failed.numberWithDelimiter())
|
2013-02-18 10:15:51 -05:00
|
|
|
$('ul.summary li.busy span.count').html(data.busy.numberWithDelimiter())
|
2012-12-28 20:55:00 -05:00
|
|
|
$('ul.summary li.scheduled span.count').html(data.scheduled.numberWithDelimiter())
|
|
|
|
|
$('ul.summary li.retries span.count').html(data.retries.numberWithDelimiter())
|
|
|
|
|
$('ul.summary li.enqueued span.count').html(data.enqueued.numberWithDelimiter())
|
2014-08-12 17:51:45 -03:00
|
|
|
$('ul.summary li.dead span.count').html(data.dead.numberWithDelimiter())
|
|
|
|
|
|
2012-12-28 20:55:00 -05:00
|
|
|
}
|
|
|
|
|
|
2013-01-26 14:34:46 -05:00
|
|
|
var updateRedisStats = function(data) {
|
|
|
|
|
$('.stat h3.redis_version').html(data.redis_version)
|
|
|
|
|
$('.stat h3.uptime_in_days').html(data.uptime_in_days)
|
|
|
|
|
$('.stat h3.connected_clients').html(data.connected_clients)
|
|
|
|
|
$('.stat h3.used_memory_human').html(data.used_memory_human)
|
|
|
|
|
$('.stat h3.used_memory_peak_human').html(data.used_memory_peak_human)
|
|
|
|
|
}
|
|
|
|
|
|
2017-05-04 11:20:05 -03:00
|
|
|
var updateFooterUTCTime = function(time) {
|
|
|
|
|
$('.navbar-fixed-bottom .navbar-inner .server-utc-time').html(time)
|
|
|
|
|
}
|
|
|
|
|
|
2013-01-02 17:49:12 -05:00
|
|
|
var pulseBeacon = function(){
|
2015-07-30 23:50:14 +01:00
|
|
|
$('.beacon').addClass('pulse').delay(1000).queue(function(){
|
|
|
|
|
$(this).removeClass('pulse').dequeue();
|
2013-01-03 11:23:20 -05:00
|
|
|
});
|
2013-01-02 17:49:12 -05:00
|
|
|
}
|
|
|
|
|
|
2012-12-28 20:55:00 -05:00
|
|
|
Number.prototype.numberWithDelimiter = function(delimiter) {
|
|
|
|
|
var number = this + '', delimiter = delimiter || ',';
|
|
|
|
|
var split = number.split('.');
|
|
|
|
|
split[0] = split[0].replace(
|
|
|
|
|
/(\d)(?=(\d\d\d)+(?!\d))/g,
|
|
|
|
|
'$1' + delimiter
|
|
|
|
|
);
|
|
|
|
|
return split.join('.');
|
|
|
|
|
};
|
|
|
|
|
|
2013-07-20 22:00:26 -04:00
|
|
|
// Render graphs
|
|
|
|
|
var renderGraphs = function() {
|
2012-12-05 11:28:55 -05:00
|
|
|
realtimeGraph();
|
|
|
|
|
historyGraph();
|
2013-07-20 22:00:26 -04:00
|
|
|
};
|
|
|
|
|
|
2014-05-18 15:57:33 -07:00
|
|
|
var setSliderLabel = function(val) {
|
|
|
|
|
var label = Math.round(parseFloat(val) / 1000) + ' sec';
|
2014-05-17 22:02:16 -07:00
|
|
|
$('span.current-interval').html(label);
|
|
|
|
|
}
|
|
|
|
|
|
2013-07-20 22:00:26 -04:00
|
|
|
$(function(){
|
|
|
|
|
renderGraphs();
|
2014-05-17 22:02:16 -07:00
|
|
|
|
2014-05-18 15:57:33 -07:00
|
|
|
if (typeof localStorage.timeInterval !== 'undefined'){
|
|
|
|
|
$('div.interval-slider input').val(localStorage.timeInterval);
|
|
|
|
|
setSliderLabel(localStorage.timeInterval);
|
2014-05-17 22:02:16 -07:00
|
|
|
}
|
|
|
|
|
|
2014-05-18 15:57:33 -07:00
|
|
|
$(document).on('change', 'div.interval-slider input', function(){
|
2014-05-17 22:02:16 -07:00
|
|
|
clearInterval(poller);
|
2014-05-18 15:57:33 -07:00
|
|
|
localStorage.timeInterval = $(this).val();
|
|
|
|
|
setSliderLabel($(this).val());
|
2014-05-17 22:02:16 -07:00
|
|
|
resetGraphs();
|
|
|
|
|
renderGraphs();
|
|
|
|
|
});
|
|
|
|
|
|
2014-05-18 15:57:33 -07:00
|
|
|
$(document).on('mousemove', 'div.interval-slider input', function(){
|
|
|
|
|
setSliderLabel($(this).val());
|
|
|
|
|
});
|
|
|
|
|
|
2012-12-05 11:28:55 -05:00
|
|
|
});
|
2013-07-20 22:00:26 -04:00
|
|
|
|
|
|
|
|
// Reset graphs
|
|
|
|
|
var resetGraphs = function() {
|
|
|
|
|
document.getElementById('realtime').innerHTML = '';
|
|
|
|
|
document.getElementById('history').innerHTML = '';
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Resize graphs after resizing window
|
2014-05-21 15:29:31 -04:00
|
|
|
var debounce = function(fn, timeout)
|
2013-07-20 22:00:26 -04:00
|
|
|
{
|
|
|
|
|
var timeoutID = -1;
|
|
|
|
|
return function() {
|
|
|
|
|
if (timeoutID > -1) {
|
|
|
|
|
window.clearTimeout(timeoutID);
|
|
|
|
|
}
|
|
|
|
|
timeoutID = window.setTimeout(fn, timeout);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
window.onresize = debounce(function() {
|
2014-05-21 12:52:24 -07:00
|
|
|
clearInterval(poller);
|
2013-07-20 22:00:26 -04:00
|
|
|
resetGraphs();
|
|
|
|
|
renderGraphs();
|
|
|
|
|
}, 125);
|
