mirror of https://github.com/masayuki0812/c3.git
Quite good looking graph derived from d3.js
http://c3js.org
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
33 KiB
66 lines
33 KiB
(function(ea){function rc(){function p(d,e){d.attr("transform",function(d){return"translate("+(e(d)+T)+", 0)"})}function t(d,e){d.attr("transform",function(d){return"translate(0,"+e(d)+")"})}function ea(d){var e=d[0];d=d[d.length-1];return e<d?[e,d]:[d,e]}function Ba(d){for(var e=[],p=Math.ceil(d[0]);p<d[1];p++)e.push(p);0<e.length&&0<e[0]&&e.unshift(e[0]-(e[1]-e[0]));return e}function n(q){q.each(function(){var q=d.select(this),n=Ba(G.domain()),L=q.selectAll(".tick.major").data(n,String),B=L.enter().insert("g", |
|
"path").attr("class","tick major").style("opacity",1E-6),qa=d.transition(L.exit()).style("opacity",1E-6).remove(),ra=d.transition(L).style("opacity",1),C,U=G.rangeExtent?G.rangeExtent():ea(G.range()),q=q.selectAll(".domain").data([0]);q.enter().append("path").attr("class","domain");var q=d.transition(q),M=G.copy(),eb=this.__chart__||M;this.__chart__=M;B.append("line");B.append("text");var sa=B.select("line"),Ca=ra.select("line"),ga=L.select("text"),Da=B.select("text"),Ea=ra.select("text");T=(M(1)- |
|
M(0))/2;L=e?0:T;switch(w){case "bottom":C=p;sa.attr("y2",D);Da.attr("y",Math.max(D,0)+H);Ca.attr("x1",L).attr("x2",L).attr("y2",D);Ea.attr("x",0).attr("y",Math.max(D,0)+H);ga.attr("dy",".71em").style("text-anchor","middle");ga.text(function(d){return n.length<O||0===d%Math.ceil(n.length/O)?d<N.length?N[d]:d:""});q.attr("d","M"+U[0]+","+V+"V0H"+U[1]+"V"+V);break;case "left":C=t,sa.attr("x2",-D),Da.attr("x",-(Math.max(D,0)+H)),Ca.attr("x2",-D).attr("y2",0),Ea.attr("x",-(Math.max(D,0)+H)).attr("y",T), |
|
ga.attr("dy",".32em").style("text-anchor","end"),ga.text(function(d){return n.length<O||0===d%Math.ceil(n.length/O)?d<N.length?N[d]:d:""}),q.attr("d","M"+-V+","+U[0]+"H0V"+U[1]+"H"+-V)}if(G.ticks)B.call(C,eb),ra.call(C,M),qa.call(C,M);else{var ha=M.rangeBand()/2,qa=function(d){return M(d)+ha};B.call(C,qa);ra.call(C,qa)}})}var G=d.scale.linear(),w="bottom",D=6,V=6,H=3,e=!1,O=10,T=0,N=[];n.scale=function(d){if(!arguments.length)return G;G=d;return n};n.orient=function(d){if(!arguments.length)return w; |
|
w=d in{top:1,right:1,bottom:1,left:1}?d+"":"bottom";return n};n.categories=function(d){if(!arguments.length)return N;N=d;return n};n.tickCentered=function(d){if(!arguments.length)return e;e=d;return n};n.tickTextNum=function(d){if(!arguments.length)return O;O=d;return n};n.tickOffset=function(){return T};n.ticks=function(){};return n}function t(d){return"undefined"===typeof d}function p(d){return"undefined"!==typeof d}var fb=ea.c3={},d=ea.d3;fb.generate=function(S){var Ab,Bb,Ba,n,G,w,D,V,H;function e(a, |
|
b){for(var c=S,f=0;f<a.length;f++){if(!(a[f]in c))return b;c=c[a[f]]}return c}function O(){gb=null===Db?+d.select(ta).style("width").replace("px",""):Db;var a=null===Eb?+d.select(ta).style("height").replace("px",""):Eb;ua=0<a?a:320;Fb=20+Gb+ia;Hb=!Ib||g||hb?0:50;Ua=ib?0:40;Jb=ua-Gb-ia;Kb=20+ia;Lb=ua-ia;w=0;D=Hb;V=Fb;H=Ua;Ba=Jb;n=Kb;G=Ua;Ab=Lb;Bb=Ua;r=gb-H-D;u=ua-w-V;ja=ua-Ba-n}function T(){Mb=g?10:0;Nb=g?u:r;jb=g?0:u;kb=g?r:1;m=N(Mb,Nb,p(m)?m.domain():void 0,function(){return I.tickOffset()});y=q(jb, |
|
kb,p(y)?y.domain():void 0);P=q(jb,kb,p(P)?P.domain():void 0);W=N(0,r,p(Q)?Q:void 0,function(a){return 0===a%1?Fa.tickOffset():0});Va=q(ja,10);Wa=q(ja,10);I=L(m,sc);ka=d.svg.axis().scale(y).orient(tc);Xa=d.svg.axis().scale(P).orient(uc);Fa=L(W,vc)}function N(a,b,c,f){var k=(z?d.time.scale():d.scale.linear()).range([a,b]);k.orgDomain=function(){return k.domain()};p(c)&&k.domain(c);t(f)&&(f=function(){return 0});if(X){var va=k,e,k=function(a){return va(a)+f(a)};for(e in va)k[e]=va[e];k.orgDomain=function(){return va.domain()}; |
|
k.domain=function(a){if(!arguments.length)return a=va.domain(),[a[0],a[1]+1];va.domain(a);return k}}return k}function q(a,b){return d.scale.linear().range([a,b])}function fa(a){return"y2"===B(a)?P:y}function Ta(a){return"y2"===B(a)?Wa:Va}function L(a,b){var c=(X?rc():d.svg.axis()).scale(a).orient(b);z&&c.tickFormat(Ob?function(a){return d.time.format(Ob)(a)}:wc);X?c.categories(Ga).tickCentered(xc):c.tickOffset=function(){return 0};return c}function B(a){return a in Pb?Pb[a]:"y"}function qa(a){return d.min(a, |
|
function(a){return d.min(a.values,function(a){return a.value})})}function ra(a){var b={},c,f;a.forEach(function(a){b[a.id]=[];a.values.forEach(function(c){b[a.id].push(c.value)})});for(c=0;c<v.length;c++)for(f=1;f<v[c].length;f++)Ha(v[c][f])&&(t(b[v[c][f]])||b[v[c][f]].forEach(function(a,d){B(v[c][f])===B(v[c][0])&&(b[v[c][0]][d]+=1*a)}));return d.max(Object.keys(b).map(function(a){return d.max(b[a])}))}function C(a,b){var c=Ya(function(a){return B(a.id)===b}),f="y2"===b?yc:zc,k="y2"===b?Ac:Bc,f= |
|
null!==f?f:qa(c),k=null!==k?k:ra(c),d=0.1*Math.abs(k-f),e=d,g=d,h="y2"===b?Cc:Dc;null!==h&&(f=Math.max(Math.abs(f),Math.abs(k)),k=f-h,f=h-f);"y"===b&&null!==Ia&&(e=p(Ia.top)?Ia.top:d,g=p(Ia.bottom)?Ia.bottom:d);"y2"===b&&null!==Ja&&(e=p(Ja.top)?Ja.top:d,g=p(Ja.bottom)?Ja.bottom:d);return[Ec(c,"bar")?0:f-g,k+e]}function U(a){var b;a?(a=m.domain(),b=E.extent()):(a=Q,b=m.domain());return(a[1]-a[0])/(b[1]-b[0])}function M(a){for(var b=0;b<a.length;b++)if(!(a[b]in Za))return!1;return!0}function eb(a){for(var b= |
|
[],c=0;c<a.length;c++)a[c]in Za&&b.push(Cb(Za[a[c]]));return b}function sa(a){return"start"in a?m(z?la(a.start):a.start):0}function Ca(a){var b=sa(a);a=("end"in a?m(z?la(a.end):a.end):r)-b;return 0>a?0:a}function ga(a){var b=Ka[a.id];a.name=p(b)?b:a.id;return a}function Da(a){var b=a[0],c={},f=[],k,d;for(k=1;k<a.length;k++){c={};for(d=0;d<a[k].length;d++)c[b[d]]=a[k][d];f.push(c)}return f}function Ea(a){var b=[],c,f,d;for(c=0;c<a.length;c++)for(d=a[c][0],f=1;f<a[c].length;f++)t(b[f-1])&&(b[f-1]={}), |
|
b[f-1][d]=a[c][f];return b}function ha(a){var b=d.keys(a[0]).filter(function(a){return a!==ma}),c=0,f;if(z&&!ma)return ea.alert('data.x must be specified when axis.x.type == "timeseries"'),[];a.forEach(function(a){if(z){if(!(ma in a))throw Error("'"+ma+"' must be included in data");f=la(a[ma]);if(null===f)throw Error("Failed to parse timeseries date in data");a.x=f}else a.x=Qb?a[ma]:c++;null===$a&&($a=new Date(a.x));lb=new Date(a.x)});b=b.map(function(b){var c=Fc(b);return{id:c,id_org:b,values:a.map(function(a){return{x:a.x, |
|
value:null===a[b]||isNaN(a[b])?null:+a[b],id:c}})}});b.forEach(function(a){Za[a.id_org]=Cb(a)});return b}function Cb(a){return{id:a.id,id_org:a.id_org,values:a.values.map(function(a){return{x:a.x,value:a.value,id:a.id}})}}function wa(){return d.max(l.data.targets,function(a){return a.values.length})}function mb(a){a=t(a)?l.data.targets:a;return a.map(function(a){return a.id})}function nb(a){var b=mb(),c;for(c=0;c<b.length;c++)if(b[c]===a)return!0;return!1}function Ya(a){return p(a)?l.data.targets.filter(a): |
|
l.data.targets}function ob(a){return"-shapes -shapes-"+a.id}function Rb(a){return ob(a)+" -line -line-"+a.id}function fb(a){return ob(a)+" -circles -circles-"+a.id}function Sb(a){return ob(a)+" -bars -bars-"+a.id}function Gc(a,b){return"-shape -shape-"+b+" -circle -circle-"+b}function Tb(a,b){return"-shape -shape-"+b+" -bar -bar-"+b}function Hc(a,b){return"region region-"+b+" "+("classes"in a?[].concat(a.classes).join(" "):"")}function ab(a){return m(a.x)}function La(a){return m(z?la(a.value):a.value)} |
|
function Ub(a){return y(a.value)}function Y(a){return m(a.x)}function Z(a){return fa(a.id)(a.value)}function Ic(){var a={},b=0,c,f;Ya(Ha).forEach(function(d){for(c=0;c<v.length;c++)if(!(0>v[c].indexOf(d.id)))for(f=0;f<v[c].length;f++)if(v[c][f]in a){a[d.id]=a[v[c][f]];break}t(a[d.id])&&(a[d.id]=b++)});a.__max__=b-1;return a}function Vb(a,b,c,d){var k=d?W:m;return function(d){var f=d.id in c?c[d.id]:0;return k(d.x)-a*(b/2-f)}}function Wb(a,b,c,d){var k=Object.keys(b);return function(e,g){var h=0,l= |
|
d?Ta(e.id):fa(e.id);Ya(Ha).forEach(function(c){c.id!==e.id&&b[c.id]===b[e.id]&&k.indexOf(c.id)<k.indexOf(e.id)&&(h+=a(c.values[g]))});return c?h:l(e.value)-h}}function Xb(a,b){var c=null===a?function(a){return a}:function(b){return a-b};return function(a){var d=b?Ta(a.id):fa(a.id);return c(d(a.value))}}function pb(a,b){var c=t(a)?mb():a;"string"===typeof c&&(c=[c]);for(var d=0;d<c.length;d++)$[c[d]]=b}function Ec(a,b){var c=!1;a.forEach(function(a){$[a.id]===b&&(c=!0);a.id in $||"line"!==b||(c=!0)}); |
|
return c}function qb(a){a="string"===typeof a?a:a.id;return!(a in $)||"line"===$[a]||"spline"===$[a]}function Ha(a){return"bar"===$["string"===typeof a?a:a.id]}function Jc(a){return qb(a)?a.values:[]}function Yb(a){return Ha(a)?a.values:[]}function Zb(a,b){var c=d.mouse(a),f=d.select(a),k=1*f.attr("cx"),f=1*f.attr("cy");return Math.sqrt(Math.pow(k-c[0],2)+Math.pow(f-c[1],2))<b}function $b(a){var b=d.mouse(a),c=d.select(a);a=1*c.attr("x");var f=1*c.attr("y"),c=1*c.attr("width");return a-10<b[0]&&b[0]< |
|
a+c+10&&f-10<b[1]}function Kc(a,b){var c;for(c=0;c<b.length;c++)if(b[c].start<a&&a<=b[c].end)return!0;return!1}function ac(a,b,c){Lc(a,b);h.select(".selected-circles-"+b.id).selectAll(".selected-circle-"+c).data([b]).enter().append("circle").attr("class",function(){return"selected-circle selected-circle-"+c}).attr("cx",g?Z:Y).attr("cy",g?Y:Z).attr("stroke",function(){return R(b.id)}).attr("r",1.4*Ma).transition().duration(100).attr("r",Ma)}function rb(a,b,c){Mc(a,b);h.select(".selected-circles-"+ |
|
b.id).selectAll(".selected-circle-"+c).transition().duration(100).attr("r",0).remove()}function bc(a,b,c,d){a?ac(b,c,d):rb(b,c,d)}function Nc(){}function cc(){}function dc(a,b,c,d){}function ec(a){return a.filter(function(a){return null!==a.value})}function Oc(a,b,c,d){var k,e,s="M",h,l,m,fc,r,n=[];if(p(d))for(k=0;k<d.length;k++)n[k]={},t(d[k].start)?n[k].start=a[0].x:z&&(n[k].start=la(d[k].start)),t(d[k].end)?n[k].end=a[a.length-1].x:z&&(n[k].end=la(d[k].end));fc=g?function(a){return c(a.value)}: |
|
function(a){return b(a.x)};r=g?function(a){return b(a.x)}:function(a){return c(a.value)};d=z?function(a,d,f,e){var k=a.x.getTime();a=d.x-a.x;d=new Date(k+a*(f+e));return"M"+b(new Date(k+a*f))+" "+c(l(f))+" "+b(d)+" "+c(l(f+e))}:function(a,d,f,e){return"M"+b(h(f))+" "+c(l(f))+" "+b(h(f+e))+" "+c(l(f+e))};for(k=0;k<a.length;k++)if(t(n)||!Kc(a[k].x,n))s+=" "+fc(a[k])+" "+r(a[k]);else{h=N(a[k-1].x,a[k].x);l=q(a[k-1].value,a[k].value);e=b(a[k].x)-b(a[k-1].x);m=c(a[k].value)-c(a[k-1].value);e=Math.sqrt(Math.pow(e, |
|
2)+Math.pow(m,2));m=2/e;var u=2*m;for(e=m;1>=e;e+=u)s+=d(a[k-1],a[k],e,m)}return s}function sb(a){var b=l.data.targets=ha(a),c,f;gc=d.select(ta);if(gc.empty())ea.alert('No bind element found. Check the selector specified by "bindto" and existance of that element. Default "bindto" is "#chart".');else{O();T();m.domain(d.extent(a.map(function(a){return a.x})));y.domain(C(b,"y"));P.domain(C(b,"y2"));W.domain(m.domain());Va.domain(y.domain());Wa.domain(P.domain());I.ticks(10>a.length?a.length:10);ka.ticks(Pc).outerTickSize(0).tickFormat(Qc); |
|
Xa.ticks(Rc).outerTickSize(0).tickFormat(Sc);Q=m.domain();E.x(W);na&&F.x(m);Na=d.select(ta).append("svg").attr("width",r+H+D).attr("height",u+w+V).on("mouseenter",Tc).on("mouseleave",Uc);bb=Na.append("defs");bb.append("clipPath").attr("id",tb).append("rect").attr("y",w).attr("width",r).attr("height",u-w);bb.append("clipPath").attr("id","xaxis-clip").append("rect").attr("x",-1).attr("y",-1).attr("width",r+2).attr("height",40);bb.append("clipPath").attr("id","yaxis-clip").append("rect").attr("x",-H+ |
|
1).attr("y",w-1).attr("width",H).attr("height",u-w+2);h=Na.append("g").attr("transform",J.main);x=xa?Na.append("g").attr("transform",J.context):null;ya=za?Na.append("g").attr("transform",J.legend):null;aa=d.select(ta).style("position","relative").append("div").style("position","absolute").style("width","30%").style("z-index","10").style("visibility","hidden");h.append("g").attr("class","x axis").attr("clip-path",g?"":"url(#xaxis-clip)").attr("transform",J.x).call(g?ka:I);h.append("g").attr("class", |
|
"y axis").attr("clip-path",g?"url(#yaxis-clip)":"").call(g?I:ka).append("text").attr("transform","rotate(-90)").attr("dy","1.4em").attr("dx","-.8em").style("text-anchor","end").text(Vc);Ib&&h.append("g").attr("class","y2 axis").attr("transform",J.y2).call(Xa);c=h.append("g").attr("clip-path",Oa).attr("class","grid");hc&&c.append("g").attr("class","xgrids");ub&&(f=c.append("g").attr("class","xgrid-lines").selectAll(".xgrid-line").data(ub).enter().append("g").attr("class","xgrid-line"),f.append("line").attr("class", |
|
function(a){return""+a["class"]}),f.append("text").attr("class",function(a){return""+a["class"]}).attr("text-anchor","end").attr("transform",g?"":"rotate(-90)").attr("dx",g?0:-w).attr("dy",-6).text(function(a){return a.text}));Wc&&c.append("g").attr("class","xgrid-focus").append("line").attr("class","xgrid-focus").attr("x1",g?0:-10).attr("x2",g?r:-10).attr("y1",g?-10:w).attr("y2",g?-10:u);ic&&c.append("g").attr("class","ygrids");vb&&c.append("g").attr("class","ygrid-lines").selectAll("ygrid-line").data(vb).enter().append("line").attr("class", |
|
function(a){return"ygrid-line "+a["class"]});h.append("g").attr("clip-path",Oa).attr("class","regions");h.append("g").attr("clip-path",Oa).attr("class","chart");h.select(".chart").append("g").attr("class","event-rects").style("fill-opacity",0).style("cursor",na?"ew-resize":null).selectAll(".event-rects").data(a).enter().append("rect").attr("class",function(a,b){return"event-rect event-rect-"+b}).style("cursor",ba&&oa?"pointer":null).on("mouseover",function(a,b){if(!cb){var c=l.data.targets.map(function(a){return ga(a.values[b])}), |
|
f,e;if(0<Object.keys(Ka).length){e=[];for(var p in Ka)for(f=0;f<c.length;f++)if(c[f].id===p){e.push(c[f]);c.shift(f);break}c=e.concat(c)}jc&&h.selectAll(".-circle-"+b).classed(ca,!0).attr("r",kc);h.selectAll(".-bar-"+b).classed(ca,!0);h.selectAll("line.xgrid-focus").style("visibility","visible").data([c[0]]).attr(g?"y1":"x1",ab).attr(g?"y2":"x2",ab);aa.style("top",d.mouse(this)[1]+30+"px").style("left",(g?d.mouse(this)[0]:m(c[0].x))+60+"px");aa.html(lc(c));aa.style("visibility","visible")}}).on("mouseout", |
|
function(a,b){h.select("line.xgrid-focus").style("visibility","hidden");aa.style("visibility","hidden");h.selectAll(".-circle-"+b).filter(function(){return d.select(this).classed(ca)}).classed(ca,!1).attr("r",wb);h.selectAll(".-bar-"+b).classed(ca,!1)}).on("mousemove",function(a,b){ba&&!cb&&(oa||h.selectAll(".-shape-"+b).filter(function(a){return pa(a)}).each(function(){var a=d.select(this).classed(ca,!0);"circle"===this.nodeName&&a.attr("r",kc);d.select(".event-rect-"+b).style("cursor",null)}).filter(function(){var a= |
|
d.select(this);if("circle"===this.nodeName)return Zb(this,Ma);if("rect"===this.nodeName)return $b(this,a.attr("x"),a.attr("y"))}).each(function(){var a=d.select(this);a.classed(ca)||(a.classed(ca,!0),"circle"===this.nodeName&&a.attr("r",Ma));d.select(".event-rect-"+b).style("cursor","pointer")}))}).on("click",function(a,b){xb?xb=!1:h.selectAll(".-shape-"+b).each(function(a){var c=d.select(this),f=c.classed(da),e=!1,k;"circle"===this.nodeName?(e=Zb(this,1.5*Ma),k=bc):"rect"===this.nodeName&&(e=$b(this), |
|
k=dc);if(oa||e)ba&&pa(a)&&(c.classed(da,!f),k(!f,c,a,b)),Xc(a,c)})}).call(d.behavior.drag().origin(Object).on("drag",function(){if(ba&&(!na||F.altDomain)){var a=yb[0],b=yb[1],c=d.mouse(this),f=c[0],c=c[1],e=Math.min(a,f),g=Math.max(a,f),l=oa?w:Math.min(b,c),m=oa?u:Math.max(b,c);h.select(".dragarea").attr("x",e).attr("y",l).attr("width",g-e).attr("height",m-l);h.selectAll(".-shapes").selectAll(".-shape").filter(function(a){return pa(a)}).each(function(a,b){var c=d.select(this),f=c.classed(da),k=c.classed(zb), |
|
h,s,p,n;h=!1;"circle"===this.nodeName?(h=1*c.attr("cx"),s=1*c.attr("cy"),n=bc,h=e<h&&h<g&&l<s&&s<m):"rect"===this.nodeName&&(h=1*c.attr("x"),s=1*c.attr("y"),p=1*c.attr("width"),n=dc,h=e<h+p&&h<g&&s<m);h^k&&(c.classed(zb,!k),c.classed(da,!f),n(!f,c,a,b))})}}).on("dragstart",function(){ba&&(yb=d.mouse(this),h.select(".chart").append("rect").attr("class","dragarea").style("opacity",0.1),cb=!0)}).on("dragend",function(){ba&&(h.select(".dragarea").transition().duration(100).style("opacity",0).remove(), |
|
h.selectAll(".-shape").classed(zb,!1),cb=!1)})).call(F).on("dblclick.zoom",null);h.select(".chart").append("g").attr("class","chart-bars");h.select(".chart").append("g").attr("class","chart-lines");if(na)h.insert("rect",Yc?null:"g.grid").attr("class","zoom-rect").attr("width",r).attr("height",u).style("opacity",0).style("cursor","ew-resize").call(F).on("dblclick.zoom",null);null!==Pa&&E.extent("function"!==typeof Pa?Pa:z?Pa($a,lb):Pa(0,wa()-1));xa&&(x.append("g").attr("clip-path",Oa).attr("class", |
|
"chart"),x.select(".chart").append("g").attr("class","chart-bars"),x.select(".chart").append("g").attr("class","chart-lines"),x.append("g").attr("clip-path",Oa).attr("class","x brush").call(E).selectAll("rect").attr("height",ja),x.append("g").attr("class","x axis").attr("transform",J.subx).call(Fa));za&&db(b);mc(b);A({withTransition:!1,withUpdateXDomain:!0});if(Zc){if(z&&"string"===typeof Aa){Aa=la(Aa);for(a=0;a<b[0].values.length&&0!==b[0].values[a].x-Aa;a++);Aa=a}aa.html(lc(b.map(function(a){return ga(a.values[Aa])}))); |
|
aa.style("top",nc.top).style("left",nc.left).style("visibility","visible")}}}function A(a){var b,c,f=Ic(),e=f.__max__+1,n,s,t,v,q;a=p(a)?a:{};b=p(a.withY)?a.withY:!0;v=p(a.withSubchart)?a.withSubchart:!0;q=p(a.withTransition)?a.withTransition:!0;a=p(a.withUpdateXDomain)?a.withUpdateXDomain:!1;q=q?250:0;a&&(m.domain(E.empty()?Q:E.extent()),na&&F.x(m).updateScaleExtent());y.domain(C(l.data.targets,"y"));P.domain(C(l.data.targets,"y2"));h.select(".x.axis").transition().duration(g?q:0).call(g?ka:I);h.select(".y.axis").transition().duration(g? |
|
0:q).call(g?I:ka);h.select(".y2.axis").transition().call(Xa);Va.domain(y.domain());Wa.domain(P.domain());aa.style("visibility","hidden");h.select("line.xgrid-focus").style("visibility","hidden").attr("y2",u);if(hc){if("year"===$c)for(a=[],s=$a.getFullYear(),n=lb.getFullYear();s<=n;s++)a.push(new Date(s+"-01-01 00:00:00"));else a=m.ticks(10);a=h.select(".xgrids").selectAll(".xgrid").data(a);a.enter().append("line").attr("class","xgrid");a.exit().remove();h.selectAll(".xgrid").attr("x1",function(a){return m(a)- |
|
I.tickOffset()}).attr("x2",function(a){return m(a)-I.tickOffset()}).attr("y1",w).attr("y2",u)}ub&&(a=h.selectAll(".xgrid-lines"),a.selectAll("line").attr("x1",g?0:La).attr("x2",g?r:La).attr("y1",g?La:w).attr("y2",g?La:u),a.selectAll("text").attr("x",g?r:0).attr("y",La));b&&ic&&(a=h.select(".ygrids").selectAll(".ygrid").data(y.ticks(10)),a.enter().append("line").attr("class","ygrid"),a.attr("x1",g?y:0).attr("x2",g?y:r).attr("y1",g?0:y).attr("y2",g?u:y).attr("opacity",0).transition().attr("opacity", |
|
1),a.exit().remove());b&&vb&&h.select(".ygrid-lines").selectAll(".ygrid-line").attr("y1",Ub).attr("y2",Ub);n=X?1.2*I.tickOffset()/e:0.6*((g?u:r)*U(!1)/(wa()-1));s=Xb(g?null:u);b=Vb(n,e,f);a=Wb(s,f,g);c=h.selectAll(".-bars").selectAll(".-bar").data(Yb);c.transition().duration(q).attr("x",g?a:b).attr("y",g?b:a).attr("width",g?s:n).attr("height",g?n:s);c.enter().append("rect").attr("class",Tb).attr("x",g?a:b).attr("y",g?b:a).attr("width",g?s:n).attr("height",g?n:s).style("opacity",0).transition().duration(q).style("opacity", |
|
1);c.exit().transition().duration(q).style("opacity",0).remove();h.selectAll(".-line").transition().duration(q).attr("d",ad);b=h.selectAll(".-circles").selectAll(".-circle").data(Jc);b.transition().duration(q).style("opacity",function(a){return null===a.value?0:1}).attr("cx",g?Z:Y).attr("cy",g?Y:Z);b.enter().append("circle").style("opacity",function(a){return null===a.value?0:1}).attr("class",Gc).attr("cx",g?Z:Y).attr("cy",g?Y:Z).attr("r",wb);b.exit().remove();xa&&(null!==d.event&&"zoom"===d.event.type&& |
|
E.extent(m.orgDomain()).update(),v&&(x.select(".x.axis").transition().duration(g?q:0).call(g?ka:Fa),E.empty()||E.extent(m.orgDomain()).update(),n=X?1.2*Fa.tickOffset()/e:0.6*((g?u:r)*U(!0)/(wa()-1)),s=Xb(ja,!0),b=Vb(n,e,f,!0),a=Wb(s,f,!1,!0),f=x.selectAll(".-bars").selectAll(".-bar").data(Yb),f.transition().duration(q).attr("x",b).attr("y",a).attr("width",n).attr("height",s),f.enter().append("rect").attr("class",Tb).attr("x",b).attr("y",a).attr("width",n).attr("height",s).style("opacity",0).transition().style("opacity", |
|
1),f.exit().transition().style("opacity",0).remove(),x.selectAll(".-line").transition().duration(q).attr("d",bd)));h.selectAll(".selected-circles").filter(function(a){return Ha(a)}).selectAll("circle").remove();h.selectAll(".selected-circle").transition().duration(q).attr("cx",g?Z:Y).attr("cy",g?Y:Z);Qb?(t=function(a,b){var c=0<b?l.data.targets[0].values[b-1].x:void 0,d=b<wa()-1?l.data.targets[0].values[b+1].x:void 0;return(m(d?d:a.x+50)-m(c?c:a.x-50))/2},f=function(a,b){var c=0<b?l.data.targets[0].values[b- |
|
1].x:void 0;return(m(a.x)+m(c?c:a.x-50))/2}):(t=(g?u:r)*U()/(wa()-1),f=function(a){return m(a.x)-t/2});h.selectAll(".event-rect").attr("x",g?0:f).attr("y",g?f:0).attr("width",g?r:t).attr("height",g?t:u);f=h.select(".regions").selectAll("rect.region").data(K);f.enter().append("rect");f.attr("class",Hc).attr("x",g?0:sa).attr("y",g?sa:w).attr("width",g?r:Ca).attr("height",g?Ca:u).style("fill-opacity",function(a){return p(a.opacity)?a.opacity:0.1});f.exit().transition().duration(q).style("fill-opacity", |
|
0).remove()}function cd(){"mousemove"===d.event.sourceEvent.type&&F.altDomain?(m.domain(F.altDomain),F.x(m).updateScaleExtent()):(X&&m.orgDomain()[0]===Q[0]&&m.domain([Q[0]-1E-10,m.orgDomain()[1]]),A({withTransition:!1,withY:!1,withSubchart:!1}),"mousemove"===d.event.sourceEvent.type&&(xb=!0))}function mc(a){var b;h.select(".chart-bars").selectAll(".chart-bar").data(a).enter().append("g").attr("class",function(a){return"chart-bar target target-"+a.id}).style("pointer-events","none").style("opacity", |
|
0).append("g").attr("class",Sb).style("fill",function(a){return R(a.id)}).style("stroke",function(a){return R(a.id)}).style("stroke-width",0).style("cursor",function(a){return pa(a)?"pointer":null});b=h.select(".chart-lines").selectAll(".chart-line").data(a).enter().append("g").attr("class",function(a){return"chart-line target target-"+a.id}).style("pointer-events","none").style("opacity",0);b.append("path").attr("class",Rb).style("stroke",function(a){return R(a.id)});b.append("g").attr("class",function(a){return"selected-circles selected-circles-"+ |
|
a.id});b.append("g").attr("class",fb).style("fill",function(a){return R(a.id)}).style("cursor",function(a){return pa(a)?"pointer":null});a.forEach(function(a){h.selectAll(".selected-circles-"+a.id).selectAll(".selected-circle").each(function(b){b.value=a.values[b.x].value})});xa&&(b=x.select(".chart-bars").selectAll(".chart-bar").data(a),b=b.enter().append("g").attr("class",function(a){return"chart-bar target target-"+a.id}).style("opacity",0),b.append("g").attr("class",Sb).style("fill",function(a){return R(a.id)}), |
|
b=x.select(".chart-lines").selectAll(".chart-line").data(a),b=b.enter().append("g").attr("class",function(a){return"chart-line target target-"+a.id}).style("opacity",0),b.append("path").attr("class",Rb).style("stroke",function(a){return R(a.id)}));za&&db(a);d.selectAll(".target").transition().style("opacity",1)}function Qa(a,b){l.data.targets.forEach(function(b){for(var d=0;d<a.length;d++)if(b.id===a[d].id){b.values=a[d].values;a.splice(d,1);break}});l.data.targets=l.data.targets.concat(a);mc(l.data.targets); |
|
A();b()}function db(a,b){var c=mb(a),e,k=r/2-Ra*Object.keys(a).length/2,g;b=t(b)?{}:b;g=p(b.withTransition)?b.withTransition:!0;e=ya.selectAll(".legend-item").data(c).enter().append("g").attr("class",function(a){return"legend-item legend-item-"+a}).style("cursor","pointer").on("click",function(a){dd(a)}).on("mouseover",function(a){d.selectAll(".legend-item").filter(function(b){return b!==a}).transition().duration(100).style("opacity",0.3);l.focus(a)}).on("mouseout",function(){d.selectAll(".legend-item").transition().duration(100).style("opacity", |
|
1);l.revert()});e.append("rect").attr("class","legend-item-event").style("fill-opacity",0).attr("x",-200).attr("y",function(){return ia/2-16}).attr("width",Ra).attr("height",24);e.append("rect").attr("class","legend-item-tile").style("fill",function(a){return R(a)}).attr("x",-200).attr("y",function(){return ia/2-9}).attr("width",10).attr("height",10);e.append("text").text(function(a){return p(Ka[a])?Ka[a]:a}).attr("x",-200).attr("y",function(){return ia/2});ya.selectAll("rect.legend-item-event").data(c).transition().duration(g? |
|
250:0).attr("x",function(a,b){return k+Ra*b});ya.selectAll("rect.legend-item-tile").data(c).transition().duration(g?250:0).attr("x",function(a,b){return k+Ra*b});ya.selectAll("text").data(c).transition().duration(g?250:0).attr("x",function(a,b){return k+Ra*b+14})}function Sa(a){return p(a)?".target-"+a:".target"}var l={data:{}},Za={},ca="_expanded_",da="_selected_",zb="_included_",ta=e(["bindto"],"#chart"),Db=e(["size","width"],null),Eb=e(["size","height"],null),na=e(["zoom","enabled"],!1),oc=e(["zoom", |
|
"extent"],null),Yc=e(["zoom","privileged"],!1),Tc=e(["onenter"],function(){}),Uc=e(["onleave"],function(){});if(!("data"in S))throw Error("data is required in config");var ma=e(["data","x"],void 0),ed=e(["data","x_format"],"%Y-%m-%d"),Fc=e(["data","id_converter"],function(a){return a}),Ka=e(["data","names"],{}),v=e(["data","groups"],[]),Pb=e(["data","axes"],{}),$=e(["data","types"],{}),pc=e(["data","regions"],{}),fd=e(["data","colors"],{}),ba=e(["data","selection","enabled"],!1),oa=e(["data","selection", |
|
"grouped"],!1),pa=e(["data","selection","isselectable"],function(){return!0}),xa=e(["subchart","show"],!1),Gb=xa?e(["subchart","size","height"],60):0,gd=e(["color","pattern"],null),za=e(["legend","show"],!0),Ra=e(["legend","item","width"],80),dd=e(["legend","item","onclick"],function(){}),qc=e(["axis","x","type"],"indexed"),Ga=e(["axis","x","categories"],[]),xc=e(["axis","x","tick","centered"],!1),Ob=e(["axis","x","tick","format"],null),Pa=e(["axis","x","default"],null),Bc=e(["axis","y","max"],null), |
|
zc=e(["axis","y","min"],null),Dc=e(["axis","y","center"],null),Vc=e(["axis","y","text"],null),ib=e(["axis","y","inner"],!1),Qc=e(["axis","y","format"],function(a){return a}),Ia=e(["axis","y","padding"],null),Pc=e(["axis","y","ticks"],10),Ib=e(["axis","y2","show"],!1),Ac=e(["axis","y2","max"],null),yc=e(["axis","y2","min"],null),Cc=e(["axis","y2","center"],null),hb=e(["axis","y2","inner"],!1),Sc=e(["axis","y2","format"],function(a){return a}),Ja=e(["axis","y2","padding"],null),Rc=e(["axis","y2","ticks"], |
|
10),g=e(["axis","rotated"],!1),hc=e(["grid","x","show"],!1),$c=e(["grid","x","type"],"tick"),ub=e(["grid","x","lines"],null),ic=e(["grid","y","show"],!1),vb=e(["grid","y","lines"],null),wb=e(["point","show"],!0)?e(["point","r"],2.5):0,Wc=e(["point","focus","line","enabled"],!0),jc=e(["point","focus","expand","enabled"],!0),kc=e(["point","focus","expand","r"],jc?4:wb),Ma=e(["point","focus","select","r"],8),Xc=e(["point","onclick"],function(){}),Lc=e(["point","onselected"],function(){}),Mc=e(["point", |
|
"onunselected"],function(){}),K=e(["regions"],[]),lc=e(["tooltip","contents"],function(a){var b="<table class='-tooltip'><tr><th colspan='2'>"+(z?a[0].x.getFullYear()+"."+(a[0].x.getMonth()+1)+"."+a[0].x.getDate():X?a[0].x<Ga.length?Ga[a[0].x]:a[0].x:a[0].x)+"</th></tr>",c,d,e;for(c=0;c<a.length;c++)p(a[c])?(d=p(a[c].value)?(Math.round(100*a[c].value)/100).toFixed(2):"-",e=a[c].name):e=d="-",b+="<tr class='-tooltip-name-"+a[c].id+"'><td class='name'><span style='background-color:"+R(a[c].id)+"'></span>"+ |
|
e+"</td><td class='value'>"+d+"</td></tr>";return b+"</table>"}),Zc=e(["tooltip","init","show"],!1),Aa=e(["tooltip","init","x"],0),nc=e(["tooltip","init","position"],{top:"0px",left:"50px"}),tb=ta.replace("#","")+"-clip",Oa="url(#"+tb+")",z="timeseries"===qc,X="categorized"===qc,Qb=!z&&ma,yb=null,cb=!1,xb=!1,ia=za?40:0,la=d.time.format(ed).parse,R=function(a,b){var c=[],d=null!==b?b:"#1f77b4 #ff7f0e #2ca02c #d62728 #9467bd #8c564b #e377c2 #7f7f7f #bcbd22 #17becf".split(" ");return function(b){if(b in |
|
a)return a[b];-1===c.indexOf(b)&&c.push(b);return d[c.indexOf(b)%d.length]}}(fd,gd),wc=function(){var a=[[d.time.format("%Y/%-m/%-d"),function(){return!0}],[d.time.format("%-m/%-d"),function(a){return a.getMonth()}],[d.time.format("%-m/%-d"),function(a){return 1!==a.getDate()}],[d.time.format("%-m/%-d"),function(a){return a.getDay()&&1!==a.getDate()}],[d.time.format("%I %p"),function(a){return a.getHours()}],[d.time.format("%I:%M"),function(a){return a.getMinutes()}],[d.time.format(":%S"),function(a){return a.getSeconds()}], |
|
[d.time.format(".%L"),function(a){return a.getMilliseconds()}]];return function(b){for(var c=a.length-1,d=a[c];!d[1](b);)d=a[--c];return d[0](b)}}(),Fb,Kb,Hb,Ua,Jb,Lb,r,u,ja,gb,ua,Mb,Nb,jb,kb,m,y,P,W,Va,Wa,I,ka,Xa,Fa,sc=g?"left":"bottom",tc=g?ib?"top":"bottom":ib?"right":"left",uc=g?hb?"bottom":"top":hb?"left":"right",vc="bottom",J={main:function(){return"translate("+H+","+w+")"},context:function(){return"translate("+G+","+Ba+")"},legend:function(){return"translate("+Bb+","+Ab+")"},y2:function(){return"translate("+ |
|
(g?0:r)+","+(g?10:0)+")"},x:function(){return"translate(0,"+u+")"},subx:function(){return"translate(0,"+ja+")"}},ad=function(){var a=d.svg.line().x(g?function(a){return fa(a.id)(a.value)}:ab).y(g?ab:function(a){return fa(a.id)(a.value)});return function(b){var c=ec(b.values),d;if(qb(b))return"spline"===$["string"===typeof b?b:b.id]?a.interpolate("cardinal"):a.interpolate("linear"),0<Object.keys(pc).length?Oc(c,m,fa(b.id),pc[b.id]):a(c);d=m(c[0].x);b=fa(b.id)(c[0].value);return g?"M "+b+" "+d:"M "+ |
|
d+" "+b}}(),bd=function(){var a=d.svg.line().x(function(a){return W(a.x)}).y(function(a){return Ta(a.id)(a.value)});return function(b){var c=ec(b.values);return qb(b)?a(c):"M "+W(c[0].x)+" "+Ta(b.id)(c[0].value)}}(),E=d.svg.brush().on("brush",function(){A({withTransition:!1,withY:!1,withSubchart:!1,withUpdateXDomain:!0})}),F=d.behavior.zoom().on("zoomstart",function(){F.altDomain=d.event.sourceEvent.altKey?m.orgDomain():null}).on("zoom",na?cd:null);E.update=function(){x&&x.select(".x.brush").call(this); |
|
return this};F.orgScaleExtent=function(){var a=oc?oc:[1,10];return[a[0],Math.max(wa()/a[1],a[1])]};F.updateScaleExtent=function(){var a=m.orgDomain(),a=(a[1]-a[0])/(Q[1]-Q[0]),b=this.orgScaleExtent();this.scaleExtent([b[0]*a,b[1]*a]);return this};var Na,bb,h,x,ya,aa,gc,$a=null,lb=null,Q;l.focus=function(a){l.defocus();d.selectAll(Sa(a)).filter(function(a){return nb(a.id)}).classed("focused",!0).transition().duration(100).style("opacity",1)};l.defocus=function(a){d.selectAll(Sa(a)).filter(function(a){return nb(a.id)}).classed("focused", |
|
!1).transition().duration(100).style("opacity",0.3)};l.revert=function(a){d.selectAll(Sa(a)).filter(function(a){return nb(a.id)}).classed("focused",!1).transition().duration(100).style("opacity",1)};l.show=function(a){d.selectAll(Sa(a)).transition().style("opacity",1)};l.hide=function(a){d.selectAll(Sa(a)).transition().style("opacity",0)};l.unzoom=function(){E.clear().update();A({withUpdateXDomain:!0})};l.load=function(a){t(a.done)&&(a.done=function(){});"categories"in a&&X&&(Ga=a.categories,I.categories(Ga)); |
|
if("cacheIds"in a&&M(a.cacheIds))Qa(eb(a.cacheIds),a.done);else if("data"in a)Qa(ha(a.data),a.done);else if("url"in a)d.csv(a.url,function(b,c){Qa(ha(c),a.done)});else if("rows"in a)Qa(ha(Da(a.rows)),a.done);else if("columns"in a)Qa(ha(Ea(a.columns)),a.done);else throw Error("url or rows or columns is required.");};l.unload=function(a){l.data.targets=l.data.targets.filter(function(b){return b.id!==a});d.selectAll(".target-"+a).transition().style("opacity",0).remove();za&&(d.selectAll(".legend-item-"+ |
|
a).remove(),db(l.data.targets));0<l.data.targets.length&&A()};l.selected=function(a){a=p(a)?"-"+a:"";return d.merge(h.selectAll(".-shapes"+a).selectAll(".-shape").filter(function(){return d.select(this).classed(da)}).map(function(a){return a.map(function(a){return a.__data__})}))};l.select=function(a,b,c){ba&&h.selectAll(".-shapes").selectAll(".-shape").each(function(e,g){var h="circle"===this.nodeName?ac:Nc,l="circle"===this.nodeName?rb:cc;0<=b.indexOf(g)?pa(e)&&(oa||t(a)||0<=a.indexOf(e.id))&&h(d.select(this).classed(da, |
|
!0),e,g):p(c)&&c&&l(d.select(this).classed(da,!1),e,g)})};l.unselect=function(a,b){ba&&h.selectAll(".-shapes").selectAll(".-shape").each(function(c,e){var g="circle"===this.nodeName?rb:cc;(t(b)||0<=b.indexOf(e))&&pa(c)&&(oa||t(a)||0<=a.indexOf(c.id))&&g(d.select(this).classed(da,!1),c,e)})};l.toLine=function(a){pb(a,"line");A()};l.toSpline=function(a){pb(a,"spline");A()};l.toBar=function(a){pb(a,"bar");A()};l.groups=function(a){if(t(a))return v;v=a;A();return v};l.regions=function(a){if(t(a))return K; |
|
K=a;A();return K};l.regions.add=function(a){if(t(a))return K;K=K.concat(a);A();return K};l.regions.remove=function(a,b){var c=[].concat(a);b=p(b)?b:{};c.forEach(function(a){var c=d.selectAll("."+a);p(b.duration)&&(c=c.transition().duration(b.duration).style("fill-opacity",0));c.remove();K=K.filter(function(b){return 0>b.classes.indexOf(a)})});return K};l.data.get=function(a){a=l.data.getAsTarget(a);return p(a)?a.values.map(function(a){return a.value}):void 0};l.data.getAsTarget=function(a){var b= |
|
Ya(function(b){return b.id===a});return 0<b.length?b[0]:void 0};if("url"in S.data)d.csv(S.data.url,function(a,b){sb(b)});else if("rows"in S.data)sb(Da(S.data.rows));else if("columns"in S.data)sb(Ea(S.data.columns));else throw Error("url or rows or columns is required.");ea.onresize=function(){O();T();E.x(W);na&&F.x(m);d.select("svg").attr("width",gb).attr("height",ua);d.select("#"+tb).select("rect").attr("width",r).attr("height",u);d.select("#xaxis-clip").select("rect").attr("width",r+2);d.select(".zoom-rect").attr("width", |
|
r).attr("height",u);h.select(".x.axis").attr("transform",J.x);h.select(".y2.axis").attr("transform",J.y2);xa&&(x.select(".x.brush").selectAll("rect").attr("height",ja),x.attr("transform",J.context),x.select(".x.axis").attr("transform",J.subx));za&&(ya.attr("transform",J.legend),db(l.data.targets,{withTransition:!1}));A({withTransition:!1,withUpdateXDomain:!0})};return l}})(window);
|
|
|