From fdd63375545ccaf3554529fd6552271d9a3fb68b Mon Sep 17 00:00:00 2001
From: Phyks <webmaster@phyks.me>
Date: Sun, 6 Apr 2014 22:06:14 +0200
Subject: [PATCH] Bugfix with vertical scale

---
 timeline.js     | 4 ++--
 timeline.min.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/timeline.js b/timeline.js
index cabbb1c..f7dea99 100644
--- a/timeline.js
+++ b/timeline.js
@@ -118,7 +118,7 @@ SVG.addPoints = function (graph, data) {
 // Compute new coordinates, knowing the min and max value to fit the graph in the container
 SVG.newCoordinate = function(value, min, max, minValue, maxValue) {
     var a = (maxValue - minValue) / (max - min);
-    return a * value - a * min + minValue;
+    return a *(value - min) + minValue;
 };
 
 // Compute new X and Y values
@@ -127,7 +127,7 @@ SVG.getNewXY = function (minX, maxX, minY, maxY) {
     return function (x, y) {
         return { 
             'x': SVG.newCoordinate(x, minX, maxX, SVG.marginLeft, SVG.parent_holder.offsetWidth - SVG.marginRight),
-            'y': SVG.newCoordinate(y, minY, maxY, 2*SVG.marginBottom, SVG.parent_holder.offsetWidth - SVG.marginTop)
+            'y': SVG.newCoordinate(y, minY, maxY, 2*SVG.marginBottom, SVG.parent_holder.offsetHeight - SVG.marginTop)
         };
     };
 };
diff --git a/timeline.min.js b/timeline.min.js
index 58f945e..8342972 100644
--- a/timeline.min.js
+++ b/timeline.min.js
@@ -1 +1 @@
-var SVG={};SVG.ns="http://www.w3.org/2000/svg";SVG.xlinkns="http://www.w3.org/1999/xlink";SVG.marginBottom=10;SVG.marginTop=15;SVG.marginLeft=10;SVG.marginRight=10;SVG.rounded=false;SVG.x_axis=false;SVG.parent_holder=false;SVG.holder=false;SVG.g=false;SVG.axis=false;SVG.raw_points=[];SVG.labels=[];SVG.click=[];SVG.x_callback=false;SVG.addElement=function(b,a){var c=document.createElementNS(SVG.ns,b);for(attr in a){svg.setAttribute(attr,a[attr])}return c};SVG.hasClass=function(b,a){return(" "+b.getAttribute("class")+" ").indexOf(" "+a+" ")>-1};SVG.addGraph=function(b,a){SVG.raw_points[b]={};SVG.raw_points[b].color=a;SVG.raw_points[b].data=new Array();SVG.labels[b]=new Array();SVG.click[b]=new Array()};SVG.hasGraph=function(a){if(SVG.raw_points[a]===undefined){return false}else{return true}};SVG.clearGraphData=function(a){if(typeof(a)==="undefined"){SVG.raw_points=[];SVG.labels=[];SVG.click=[]}else{SVG.raw_points[a].data=new Array();SVG.labels[a]=new Array();SVG.click[a]=new Array()}};SVG.addPoints=function(c,b){b.sort(function(e,d){if(e.x<d.x){return -1}else{if(e.x==d.x){return 0}else{return 1}}});for(var a=0;a<b.length;a++){SVG.raw_points[c].data.push([b[a].x,b[a].y]);if(b[a].label!==undefined){SVG.labels[c].push(b[a].label)}else{SVG.labels[c].push("")}if(b[a].click!==undefined){SVG.click[c].push(b[a].click)}else{SVG.click[c].push(false)}}};SVG.newCoordinates=function(f,d,b,e,g){var c=(g-e)/(b-d);return c*f-c*d+e};SVG.getNewXY=function(a,c,d,b){return function(e,f){return{x:SVG.newCoordinates(e,a,c,SVG.marginLeft,SVG.parent_holder.offsetWidth-SVG.marginRight),y:SVG.newCoordinates(f,d,b,2*SVG.marginBottom,SVG.parent_holder.offsetWidth-SVG.marginTop)}}};SVG.getControlPoints=function(h){var p=new Array();var o=new Array();var e=h.length-1;var l=new Array();var k=new Array();var j=new Array();var d=new Array();l[0]=0;k[0]=2;j[0]=1;d[0]=h[0]+2*h[1];for(var g=1;g<e-1;g++){l[g]=1;k[g]=4;j[g]=1;d[g]=4*h[g]+2*h[g+1]}l[e-1]=2;k[e-1]=7;j[e-1]=0;d[e-1]=8*h[e-1]+h[e];var f;for(var g=1;g<e;g++){f=l[g]/k[g-1];k[g]=k[g]-f*j[g-1];d[g]=d[g]-f*d[g-1]}p[e-1]=d[e-1]/k[e-1];for(var g=e-2;g>=0;--g){p[g]=(d[g]-j[g]*p[g+1])/k[g]}for(var g=0;g<e-1;g++){o[g]=2*h[g+1]-p[g+1]}o[e-1]=0.5*(h[e]+p[e-1]);return{p1:p,p2:o}};SVG.init=function(j){if(!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")){alert("ERROR : Your browser does not support embedded SVG.")}SVG.parent_holder=document.getElementById(j.id);var h=SVG.addElement("svg:svg",{width:j.width,height:j.height});h.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink",SVG.xlinkns);SVG.parent_holder.appendChild(h);SVG.holder=SVG.parent_holder.querySelector("svg");defs=SVG.addElement("defs",{});SVG.holder.appendChild(h);if(j.grid==="small"||j.grid==="both"){var i=SVG.createElement("pattern",{id:"smallGrid",width:8,height:8,patternUnits:"userSpaceOnUse"});var e=SVG.createElement("path",{d:"M 8 0 L 0 0 0 8",fill:"none",stroke:"gray","stroke-width":"0.5"});i.appendChild(e);defs.appendChild(i)}if(j.grid==="big"||j.grid==="both"){var d=SVG.createElement("pattern",{id:"grid",width:80,height:80,patternUnits:"userSpaceOnUse"});if(j.grid==="both"){var c=SVG.createElement("rect",{width:80,height:80,fill:"url(#smallGrid)"});d.appendChild(c)}var f=SVG.createElement("path",{d:"M 80 0 L 0 0 0 80",fill:"none",stroke:"gray","stroke-width":"1"});d.appendChild(f);defs.appendChild(d)}SVG.grid=j.grid;var g=SVG.createElement("marker",{id:"markerArrow",markerWidth:13,markerHeight:13,refX:2,refY:6,orient:"auto"});var b=SVG.createElement("path",{d:"M2,2 L2,11 L10,6 L2,2",fill:"gray"});g.appendChild(b);defs.appendChild(g);SVG.g=SVG.createElement("g",{transform:"translate(0, "+SVG.parent_holder.offsetHeight+") scale(1, -1)"});SVG.holder.appendChild(SVG.g);if(j.x_axis===true){SVG.axis=SVG.createElement("line",{x1:SVG.marginLeft,y1:SVG.parent_holder.offsetHeight/2+1.5,x2:SVG.parent_holder.offsetWidth-13-SVG.marginRight,y2:SVG.parent_holder.offsetHeight/2+1.5,stroke:"gray","stroke-width":3,"marker-end":'url("#markerArrow")'});SVG.g.appendChild(SVG.axis)}if(SVG.grid!=="none"){var a=SVG.createElement("rect",{width:"100%",height:"100%"});if(SVG.grid==="big"||SVG.grid==="both"){a.setAttribute("fill","url(#grid)")}else{a.setAttribute("fill","url(#smallGrid)")}SVG.g.appendChild(a)}SVG.rounded=j.rounded;SVG.x_axis=j.x_axis;SVG.x_callback=j.x_callback;SVG.parent_holder.addEventListener("mousemove",function(n){var k=n||window.event;var m=false;var l=SVG.holder.querySelectorAll(".over");for(m=0;m<l.length;m++){SVG.holder.getElementById(l[m].getAttribute("id").replace("over","point")).setAttribute("r","4");if(SVG.labels[graph][parseInt(l[m].getAttribute("id").replace("over_",""))]!==""){SVG.holder.getElementById(l[m].getAttribute("id").replace("over","label")).setAttribute("display","none")}}SVG.overEffect(k.clientX,k.clientY)})};SVG.overEffect=function(a,c){if(!document.elementFromPoint(a,c)){return}var b=document.elementFromPoint(a,c);if(!SVG.hasClass(b,"over")){return}SVG.holder.getElementById(b.getAttribute("id").replace("over","point")).setAttribute("r","6");if(SVG.labels[graph][parseInt(b.getAttribute("id").replace("over_",""))]!==""){SVG.holder.getElementById(b.getAttribute("id").replace("over","label")).setAttribute("display","block")}b.setAttribute("display","none");SVG.overEffect(a,c);b.setAttribute("display","block")};SVG.scale=function(i){if(i.length==0){return}var f=new Array(),d=new Array();var b=new Array(),a=new Array();var n,m;var c=false,l=false,p=false;var k,j,h,g;for(graph in i){k=false;j=0;h=false;g=false;for(var o=0;o<i[graph].data.length;o++){n=i[graph].data[o][0];m=i[graph].data[o][1];if(n<k||k===false){k=n}if(n>h||h===false){h=n}if(m<j){j=m}if(m>g||g===false){g=m}}f.push(k);d.push(j);b.push(h);a.push(g)}f=Math.min.apply(null,f);d=Math.min.apply(null,d);b=Math.max.apply(null,b);a=Math.max.apply(null,a);var e=SVG.getNewXY(f,b,d,a);n=e(f+Math.pow(10,Math.floor(Math.log(b-f)/Math.log(10))),0).x-e(f,0).x;m=e(0,d+Math.pow(10,Math.floor(Math.log(a-d)/Math.log(10)))).y-e(0,d).y;if(SVG.grid==="big"||SVG.grid==="both"){SVG.holder.getElementById("grid").setAttribute("width",n);SVG.holder.getElementById("grid").setAttribute("height",m);SVG.holder.getElementById("grid").setAttribute("y",e(0,Math.floor(d/Math.pow(10,Math.floor(Math.log(a-d)/Math.log(10))))*Math.pow(10,Math.floor(Math.log(a-d)/Math.log(10)))).y);SVG.holder.getElementById("grid").setAttribute("x",e(Math.floor(f/Math.pow(10,Math.floor(Math.log(b-f)/Math.log(10))))*Math.pow(10,Math.floor(Math.log(b-f)/Math.log(10))),0).x);SVG.holder.getElementById("grid").querySelector("path").setAttribute("d","M "+n+" 0 L 0 0 0 "+m);if(SVG.grid==="both"){SVG.holder.getElementById("grid").querySelector("rect").setAttribute("width",n);SVG.holder.getElementById("grid").querySelector("rect").setAttribute("height",m)}}if(SVG.grid==="small"||SVG.grid==="both"){n=n/10;m=m/10;SVG.holder.getElementById("smallGrid").setAttribute("width",n);SVG.holder.getElementById("smallGrid").setAttribute("height",m);if(SVG.grid==="small"){SVG.holder.getElementById("smallGrid").setAttribute("y",e(0,Math.floor(d/Math.pow(10,Math.floor(Math.log(a-d)/Math.log(10))))*Math.pow(10,Math.floor(Math.log(a-d)/Math.log(10)))).y);SVG.holder.getElementById("smallGrid").setAttribute("x",e(Math.floor(f/Math.pow(10,Math.floor(Math.log(b-f)/Math.log(10))))*Math.pow(10,Math.floor(Math.log(b-f)/Math.log(10))),0).x)}SVG.holder.getElementById("smallGrid").querySelector("path").setAttribute("d","M "+n+" 0 L 0 0 0 "+m)}if(SVG.x_axis===true){m=e(0,0).y;SVG.axis.setAttribute("y1",m);SVG.axis.setAttribute("y2",m)}return e};SVG.draw=function(){var t=SVG.scale(SVG.raw_points);var h,f,m;var l,k;var d;for(var c in SVG.raw_points){h=new Array();f=new Array();m="";for(var n=0;n<SVG.raw_points[c].data.length;n++){var r=t(SVG.raw_points[c].data[n][0],SVG.raw_points[c].data[n][1]);h.push(r.x);f.push(r.y)}if(SVG.rounded===true){l=SVG.getControlPoints(h);k=SVG.getControlPoints(f);for(var n=0;n<SVG.raw_points[c].data.length-1;n++){m+="C "+l.p1[n]+" "+k.p1[n]+" "+l.p2[n]+" "+k.p2[n]+" "+h[n+1]+" "+f[n+1]+" "}}else{for(var n=1;n<SVG.raw_points[c].data.length;n++){m+="L "+h[n]+" "+f[n]+" "}}d=SVG.createElement("path",{"class":"graph",fill:SVG.raw_points[c].color,opacity:"0.25",stroke:"none",d:"M "+h[0]+" "+2*SVG.marginBottom+" L "+h[0]+" "+f[0]+" "+m+" L "+h[SVG.raw_points[c].data.length-1]+" "+2*SVG.marginBottom+" Z"});SVG.g.insertBefore(d,SVG.g.querySelectorAll(".over")[0]);d=SVG.createElement("path",{"class":"line",stroke:SVG.raw_points[c].color,"stroke-width":2,fill:"none",d:"M "+h[0]+" "+f[0]+" "+m});SVG.g.appendChild(d);for(var n=0;n<SVG.raw_points[c].data.length;n++){d=SVG.createElement("circle",{"class":"point",id:"point_"+n+"_"+c,cx:h[n],cy:f[n],r:4,fill:"#333",stroke:SVG.raw_points[c].color,"stroke-width":2});SVG.g.insertBefore(d,SVG.g.querySelectorAll(".label")[0]);if(SVG.click[c][n]!==false){d.onclick=SVG.click[c][n]}if(SVG.labels[c][n]!==""){var q=SVG.createElement("g",{"class":"label",id:"label_"+n+"_"+c,transform:"translate(0, "+SVG.parent_holder.offsetHeight+") scale(1, -1)"});SVG.g.appendChild(q);d=SVG.createElement("text",{});var j=SVG.labels[c][n].replace("</sup>","<sup>").split("<sup>");for(var o=0;o<j.length;o++){j[o]=j[o].replace(/(<([^>]+)>)/ig,"").replace("%y",SVG.raw_points[c].data[n][1]).replace("%x",SVG.raw_points[c].data[n][0]);if(o%2==0){d.appendChild(document.createTextNode(j[o]))}else{var r=SVG.createElement("tspan",{dy:"-5"});r.appendChild(document.createTextNode(j[o]));d.appendChild(r)}}m=SVG.createElement("path",{stroke:"black","stroke-width":2,fill:"white",opacity:0.5});q.appendChild(m);q.appendChild(d);var s=h[n]-d.getBoundingClientRect().width/2;var a=SVG.parent_holder.offsetHeight-f[n]-20;var e=d.getBoundingClientRect().width;var p=d.getBoundingClientRect().height;if(h[n]-d.getBoundingClientRect().width/2<0){s=h[n]+20;a=SVG.parent_holder.offsetHeight-f[n]+5;m.setAttribute("d","M "+(s-5)+" "+(a+5)+" L "+(s-5)+" "+(a-p/2+7.5)+" L "+(s-10)+" "+(a-p/2+5)+" L "+(s-5)+" "+(a-p/2+2.5)+" L "+(s-5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a+5)+" Z")}else{if(f[n]+d.getBoundingClientRect().height+12>SVG.parent_holder.offsetHeight){s=h[n]+20;a=SVG.parent_holder.offsetHeight-f[n]+5;m.setAttribute("d","M "+(s-5)+" "+(a+5)+" L "+(s-5)+" "+(a-p/2+7.5)+" L "+(s-10)+" "+(a-p/2+5)+" L "+(s-5)+" "+(a-p/2+2.5)+" L "+(s-5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a+5)+" Z");if(s+e>SVG.parent_holder.offsetWidth){s=h[n]-e-20;a=SVG.parent_holder.offsetHeight-f[n]+5;m.setAttribute("d","M "+(s-5)+" "+(a+5)+" L "+(s-5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p/2+2.5)+" L "+(s+e+10)+" "+(a-p/2+5)+" L "+(s+e+5)+" "+(a-p/2+7.5)+" L "+(s+e+5)+" "+(a+5)+" Z")}}else{if(h[n]+e/2+12>SVG.parent_holder.offsetWidth){s=h[n]-e-20;a=SVG.parent_holder.offsetHeight-f[n]+5;m.setAttribute("d","M "+(s-5)+" "+(a+5)+" L "+(s-5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p/2+2.5)+" L "+(s+e+10)+" "+(a-p/2+5)+" L "+(s+e+5)+" "+(a-p/2+7.5)+" L "+(s+e+5)+" "+(a+5)+" Z")}else{m.setAttribute("d","M "+(s-5)+" "+(a+5)+" L "+(s-5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a+5)+" L "+(s+e/2+2.5)+" "+(a+5)+" L "+(s+e/2)+" "+(a+10)+" L "+(s+e/2-2.5)+" "+(a+5)+" Z")}}}d.setAttribute("x",s);d.setAttribute("y",a);q.setAttribute("display","none")}}for(var n=0;n<SVG.raw_points[c].data.length;n++){var b=SVG.createElement("rect",{"class":"over",id:"over_"+n+"_"+c,y:0,fill:"white",opacity:0,height:"100%"});if(n==0){b.setAttribute("x",0)}else{b.setAttribute("x",(h[n]+h[n-1])/2)}if(n==SVG.raw_points[c].data.length-1){b.setAttribute("width",SVG.parent_holder.offsetWidth-(h[n]+h[n-1])/2)}else{if(n==0){b.setAttribute("width",(h[1]+h[0])/2+SVG.marginLeft)}else{b.setAttribute("width",(h[n+1]-h[n-1])/2)}}SVG.g.appendChild(b);b.onclick=(function(g,i){return function(v){var u=v||window.event;var x=u.clientX-g;var w=this.getBoundingClientRect().bottom-u.clientY-i;if(x<=5&&x>=-5&&w<=5&&w>=-5){SVG.holder.getElementById(this.getAttribute("id").replace("over","point")).onclick()}}})(h[n],f[n]);if(SVG.x_callback!==false){d=SVG.createElement("text",{"class":"legend_x",fill:"gray",transform:"translate(0, "+SVG.parent_holder.offsetHeight+") scale(1, -1)"});d.appendChild(document.createTextNode(SVG.x_callback(h[n])));SVG.g.appendChild(d);d.setAttribute("x",h[n]-d.getBoundingClientRect().width/2+2.5);d.setAttribute("y",SVG.parent_holder.offsetHeight-SVG.marginBottom-t(0,0).y);d=SVG.createElement("line",{"class":"legend_x",stroke:"gray","stroke-width":2,x1:h[n],x2:h[n],y1:t(0,0).y-5,y2:t(0,0).y+5});SVG.g.appendChild(d)}}}};var old=window.onresize||function(){};window.onresize=function(){old();if(SVG.g!==false){SVG.g.setAttribute("transform","translate(0, "+SVG.parent_holder.offsetHeight+") scale(1, -1)");if(SVG.x_axis===true){SVG.axis.setAttribute("x2",SVG.parent_holder.offsetWidth-13-SVG.marginRight)}[].forEach.call(SVG.holder.querySelectorAll(".label, .over, .point, .line, .graph, .legend_x"),function(a){a.parentNode.removeChild(a)});SVG.draw()}};
\ No newline at end of file
+var SVG={};SVG.ns="http://www.w3.org/2000/svg";SVG.xlinkns="http://www.w3.org/1999/xlink";SVG.marginBottom=10;SVG.marginTop=15;SVG.marginLeft=10;SVG.marginRight=10;SVG.rounded=false;SVG.x_axis=false;SVG.parent_holder=false;SVG.holder=false;SVG.g=false;SVG.axis=false;SVG.raw_points=[];SVG.labels=[];SVG.click=[];SVG.x_callback=false;SVG.createElement=function(b,a){var c=document.createElementNS(SVG.ns,b);for(attr in a){c.setAttribute(attr,a[attr])}return c};SVG.hasClass=function(b,a){return(" "+b.getAttribute("class")+" ").indexOf(" "+a+" ")>-1};SVG.addGraph=function(b,a){SVG.raw_points[b]={};SVG.raw_points[b].color=a;SVG.raw_points[b].data=new Array();SVG.labels[b]=new Array();SVG.click[b]=new Array()};SVG.hasGraph=function(a){if(SVG.raw_points[a]===undefined){return false}else{return true}};SVG.clearGraphData=function(a){if(typeof(a)==="undefined"){SVG.raw_points=[];SVG.labels=[];SVG.click=[]}else{SVG.raw_points[a].data=new Array();SVG.labels[a]=new Array();SVG.click[a]=new Array()}};SVG.addPoints=function(c,b){b.sort(function(e,d){if(e.x<d.x){return -1}else{if(e.x==d.x){return 0}else{return 1}}});for(var a=0;a<b.length;a++){SVG.raw_points[c].data.push([b[a].x,b[a].y]);if(b[a].label!==undefined){SVG.labels[c].push(b[a].label)}else{SVG.labels[c].push("")}if(b[a].click!==undefined){SVG.click[c].push(b[a].click)}else{SVG.click[c].push(false)}}};SVG.newCoordinate=function(f,d,b,e,g){var c=(g-e)/(b-d);return c*(f-d)+e};SVG.getNewXY=function(a,c,d,b){return function(e,f){return{x:SVG.newCoordinate(e,a,c,SVG.marginLeft,SVG.parent_holder.offsetWidth-SVG.marginRight),y:SVG.newCoordinate(f,d,b,2*SVG.marginBottom,SVG.parent_holder.offsetHeight-SVG.marginTop)}}};SVG.getControlPoints=function(h){var p=new Array();var o=new Array();var e=h.length-1;var l=new Array();var k=new Array();var j=new Array();var d=new Array();l[0]=0;k[0]=2;j[0]=1;d[0]=h[0]+2*h[1];for(var g=1;g<e-1;g++){l[g]=1;k[g]=4;j[g]=1;d[g]=4*h[g]+2*h[g+1]}l[e-1]=2;k[e-1]=7;j[e-1]=0;d[e-1]=8*h[e-1]+h[e];var f;for(var g=1;g<e;g++){f=l[g]/k[g-1];k[g]=k[g]-f*j[g-1];d[g]=d[g]-f*d[g-1]}p[e-1]=d[e-1]/k[e-1];for(var g=e-2;g>=0;--g){p[g]=(d[g]-j[g]*p[g+1])/k[g]}for(var g=0;g<e-1;g++){o[g]=2*h[g+1]-p[g+1]}o[e-1]=0.5*(h[e]+p[e-1]);return{p1:p,p2:o}};SVG.init=function(j){if(!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")){alert("ERROR : Your browser does not support embedded SVG.")}SVG.parent_holder=document.getElementById(j.id);var h=SVG.createElement("svg:svg",{width:j.width,height:j.height});h.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink",SVG.xlinkns);SVG.parent_holder.appendChild(h);SVG.holder=SVG.parent_holder.querySelector("svg");defs=SVG.createElement("defs",{});SVG.holder.appendChild(defs);if(j.grid==="small"||j.grid==="both"){var i=SVG.createElement("pattern",{id:"smallGrid",width:8,height:8,patternUnits:"userSpaceOnUse"});var e=SVG.createElement("path",{d:"M 8 0 L 0 0 0 8",fill:"none",stroke:"gray","stroke-width":"0.5"});i.appendChild(e);defs.appendChild(i)}if(j.grid==="big"||j.grid==="both"){var d=SVG.createElement("pattern",{id:"grid",width:80,height:80,patternUnits:"userSpaceOnUse"});if(j.grid==="both"){var c=SVG.createElement("rect",{width:80,height:80,fill:"url(#smallGrid)"});d.appendChild(c)}var f=SVG.createElement("path",{d:"M 80 0 L 0 0 0 80",fill:"none",stroke:"gray","stroke-width":"1"});d.appendChild(f);defs.appendChild(d)}SVG.grid=j.grid;var g=SVG.createElement("marker",{id:"markerArrow",markerWidth:13,markerHeight:13,refX:2,refY:6,orient:"auto"});var b=SVG.createElement("path",{d:"M2,2 L2,11 L10,6 L2,2",fill:"gray"});g.appendChild(b);defs.appendChild(g);SVG.g=SVG.createElement("g",{transform:"translate(0, "+SVG.parent_holder.offsetHeight+") scale(1, -1)"});SVG.holder.appendChild(SVG.g);if(j.x_axis===true){SVG.axis=SVG.createElement("line",{x1:SVG.marginLeft,y1:SVG.parent_holder.offsetHeight/2+1.5,x2:SVG.parent_holder.offsetWidth-13-SVG.marginRight,y2:SVG.parent_holder.offsetHeight/2+1.5,stroke:"gray","stroke-width":3,"marker-end":'url("#markerArrow")'});SVG.g.appendChild(SVG.axis)}if(SVG.grid!=="none"){var a=SVG.createElement("rect",{width:"100%",height:"100%"});if(SVG.grid==="big"||SVG.grid==="both"){a.setAttribute("fill","url(#grid)")}else{a.setAttribute("fill","url(#smallGrid)")}SVG.g.appendChild(a)}SVG.rounded=j.rounded;SVG.x_axis=j.x_axis;SVG.x_callback=j.x_callback;SVG.parent_holder.addEventListener("mousemove",function(n){var k=n||window.event;var m=false;var l=SVG.holder.querySelectorAll(".over");for(m=0;m<l.length;m++){SVG.holder.getElementById(l[m].getAttribute("id").replace("over","point")).setAttribute("r","4");if(SVG.labels[graph][parseInt(l[m].getAttribute("id").replace("over_",""))]!==""){SVG.holder.getElementById(l[m].getAttribute("id").replace("over","label")).setAttribute("display","none")}}SVG.overEffect(k.clientX,k.clientY)})};SVG.overEffect=function(a,c){if(!document.elementFromPoint(a,c)){return}var b=document.elementFromPoint(a,c);if(!SVG.hasClass(b,"over")){return}SVG.holder.getElementById(b.getAttribute("id").replace("over","point")).setAttribute("r","6");if(SVG.labels[graph][parseInt(b.getAttribute("id").replace("over_",""))]!==""){SVG.holder.getElementById(b.getAttribute("id").replace("over","label")).setAttribute("display","block")}b.setAttribute("display","none");SVG.overEffect(a,c);b.setAttribute("display","block")};SVG.scale=function(q){var f=true;for(graph in q){f=false;break}if(f){return false}var p=new Array(),n=new Array();var o=new Array(),m=new Array();var d=false,a=false,g=false;var k,i,j,h;for(graph in q){k=false;i=0;j=false;h=false;for(var l=0;l<q[graph].data.length;l++){x=q[graph].data[l][0];y=q[graph].data[l][1];if(x<k||k===false){k=x}if(x>j||j===false){j=x}if(y<i){i=y}if(y>h||h===false){h=y}}p.push(k);n.push(i);o.push(j);m.push(h)}p=Math.min.apply(null,p);n=Math.min.apply(null,n);o=Math.max.apply(null,o);m=Math.max.apply(null,m);var r=SVG.getNewXY(p,o,n,m);var b=r(Math.pow(10,Math.floor(Math.log(o-p)/Math.log(10))),Math.pow(10,Math.floor(Math.log(m-n)/Math.log(10))));if(SVG.grid==="big"||SVG.grid==="both"){SVG.holder.getElementById("grid").setAttribute("width",b.x);SVG.holder.getElementById("grid").setAttribute("height",b.y);var c=r(Math.floor(p/Math.pow(10,Math.floor(Math.log(o-p)/Math.log(10))))*Math.pow(10,Math.floor(Math.log(o-p)/Math.log(10))),Math.floor(n/Math.pow(10,Math.floor(Math.log(m-n)/Math.log(10))))*Math.pow(10,Math.floor(Math.log(m-n)/Math.log(10))));SVG.holder.getElementById("grid").setAttribute("y",c.y);SVG.holder.getElementById("grid").setAttribute("x",c.x);SVG.holder.getElementById("grid").querySelector("path").setAttribute("d","M "+b.x+" 0 L 0 0 0 "+b.y);if(SVG.grid==="both"){SVG.holder.getElementById("grid").querySelector("rect").setAttribute("width",b.x);SVG.holder.getElementById("grid").querySelector("rect").setAttribute("height",b.y)}}if(SVG.grid==="small"||SVG.grid==="both"){b.x=b.x/10;b.y=b.y/10;SVG.holder.getElementById("smallGrid").setAttribute("width",b.x);SVG.holder.getElementById("smallGrid").setAttribute("height",b.y);if(SVG.grid==="small"){var e=r(Math.floor(p/Math.pow(10,Math.floor(Math.log(o-p)/Math.log(10))))*Math.pow(10,Math.floor(Math.log(o-p)/Math.log(10))),Math.floor(n/Math.pow(10,Math.floor(Math.log(m-n)/Math.log(10))))*Math.pow(10,Math.floor(Math.log(m-n)/Math.log(10))));SVG.holder.getElementById("smallGrid").setAttribute("y",e.y);SVG.holder.getElementById("smallGrid").setAttribute("x",e.x)}SVG.holder.getElementById("smallGrid").querySelector("path").setAttribute("d","M "+b.x+" 0 L 0 0 0 "+b.y)}if(SVG.x_axis===true){y=r(0,0).y;SVG.axis.setAttribute("y1",y);SVG.axis.setAttribute("y2",y)}return r};SVG.draw=function(){var t=SVG.scale(SVG.raw_points);var h,f,m;var l,k;var d;for(var c in SVG.raw_points){h=new Array();f=new Array();m="";for(var n=0;n<SVG.raw_points[c].data.length;n++){var r=t(SVG.raw_points[c].data[n][0],SVG.raw_points[c].data[n][1]);h.push(r.x);f.push(r.y)}if(SVG.rounded===true){l=SVG.getControlPoints(h);k=SVG.getControlPoints(f);for(var n=0;n<SVG.raw_points[c].data.length-1;n++){m+="C "+l.p1[n]+" "+k.p1[n]+" "+l.p2[n]+" "+k.p2[n]+" "+h[n+1]+" "+f[n+1]+" "}}else{for(var n=1;n<SVG.raw_points[c].data.length;n++){m+="L "+h[n]+" "+f[n]+" "}}d=SVG.createElement("path",{"class":"graph",fill:SVG.raw_points[c].color,opacity:"0.25",stroke:"none",d:"M "+h[0]+" "+2*SVG.marginBottom+" L "+h[0]+" "+f[0]+" "+m+" L "+h[SVG.raw_points[c].data.length-1]+" "+2*SVG.marginBottom+" Z"});SVG.g.insertBefore(d,SVG.g.querySelectorAll(".over")[0]);d=SVG.createElement("path",{"class":"line",stroke:SVG.raw_points[c].color,"stroke-width":2,fill:"none",d:"M "+h[0]+" "+f[0]+" "+m});SVG.g.appendChild(d);for(var n=0;n<SVG.raw_points[c].data.length;n++){d=SVG.createElement("circle",{"class":"point",id:"point_"+n+"_"+c,cx:h[n],cy:f[n],r:4,fill:"#333",stroke:SVG.raw_points[c].color,"stroke-width":2});SVG.g.insertBefore(d,SVG.g.querySelectorAll(".label")[0]);if(SVG.click[c][n]!==false){d.onclick=SVG.click[c][n]}if(SVG.labels[c][n]!==""){var q=SVG.createElement("g",{"class":"label",id:"label_"+n+"_"+c,transform:"translate(0, "+SVG.parent_holder.offsetHeight+") scale(1, -1)"});SVG.g.appendChild(q);d=SVG.createElement("text",{});var j=SVG.labels[c][n].replace("</sup>","<sup>").split("<sup>");for(var o=0;o<j.length;o++){j[o]=j[o].replace(/(<([^>]+)>)/ig,"").replace("%y",SVG.raw_points[c].data[n][1]).replace("%x",SVG.raw_points[c].data[n][0]);if(o%2==0){d.appendChild(document.createTextNode(j[o]))}else{var r=SVG.createElement("tspan",{dy:"-5"});r.appendChild(document.createTextNode(j[o]));d.appendChild(r)}}m=SVG.createElement("path",{stroke:"black","stroke-width":2,fill:"white",opacity:0.5});q.appendChild(m);q.appendChild(d);var s=h[n]-d.getBoundingClientRect().width/2;var a=SVG.parent_holder.offsetHeight-f[n]-20;var e=d.getBoundingClientRect().width;var p=d.getBoundingClientRect().height;if(h[n]-d.getBoundingClientRect().width/2<0){s=h[n]+20;a=SVG.parent_holder.offsetHeight-f[n]+5;m.setAttribute("d","M "+(s-5)+" "+(a+5)+" L "+(s-5)+" "+(a-p/2+7.5)+" L "+(s-10)+" "+(a-p/2+5)+" L "+(s-5)+" "+(a-p/2+2.5)+" L "+(s-5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a+5)+" Z")}else{if(f[n]+d.getBoundingClientRect().height+12>SVG.parent_holder.offsetHeight){s=h[n]+20;a=SVG.parent_holder.offsetHeight-f[n]+5;m.setAttribute("d","M "+(s-5)+" "+(a+5)+" L "+(s-5)+" "+(a-p/2+7.5)+" L "+(s-10)+" "+(a-p/2+5)+" L "+(s-5)+" "+(a-p/2+2.5)+" L "+(s-5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a+5)+" Z");if(s+e>SVG.parent_holder.offsetWidth){s=h[n]-e-20;a=SVG.parent_holder.offsetHeight-f[n]+5;m.setAttribute("d","M "+(s-5)+" "+(a+5)+" L "+(s-5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p/2+2.5)+" L "+(s+e+10)+" "+(a-p/2+5)+" L "+(s+e+5)+" "+(a-p/2+7.5)+" L "+(s+e+5)+" "+(a+5)+" Z")}}else{if(h[n]+e/2+12>SVG.parent_holder.offsetWidth){s=h[n]-e-20;a=SVG.parent_holder.offsetHeight-f[n]+5;m.setAttribute("d","M "+(s-5)+" "+(a+5)+" L "+(s-5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p/2+2.5)+" L "+(s+e+10)+" "+(a-p/2+5)+" L "+(s+e+5)+" "+(a-p/2+7.5)+" L "+(s+e+5)+" "+(a+5)+" Z")}else{m.setAttribute("d","M "+(s-5)+" "+(a+5)+" L "+(s-5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a-p+5)+" L "+(s+e+5)+" "+(a+5)+" L "+(s+e/2+2.5)+" "+(a+5)+" L "+(s+e/2)+" "+(a+10)+" L "+(s+e/2-2.5)+" "+(a+5)+" Z")}}}d.setAttribute("x",s);d.setAttribute("y",a);q.setAttribute("display","none")}}for(var n=0;n<SVG.raw_points[c].data.length;n++){var b=SVG.createElement("rect",{"class":"over",id:"over_"+n+"_"+c,y:0,fill:"white",opacity:0,height:"100%"});if(n==0){b.setAttribute("x",0)}else{b.setAttribute("x",(h[n]+h[n-1])/2)}if(n==SVG.raw_points[c].data.length-1){b.setAttribute("width",SVG.parent_holder.offsetWidth-(h[n]+h[n-1])/2)}else{if(n==0){b.setAttribute("width",(h[1]+h[0])/2+SVG.marginLeft)}else{b.setAttribute("width",(h[n+1]-h[n-1])/2)}}SVG.g.appendChild(b);b.onclick=(function(g,i){return function(w){var v=w||window.event;var A=v.clientX-g;var z=this.getBoundingClientRect().bottom-v.clientY-i;if(A<=5&&A>=-5&&z<=5&&z>=-5){SVG.holder.getElementById(this.getAttribute("id").replace("over","point")).onclick()}}})(h[n],f[n]);if(SVG.x_callback!==false){d=SVG.createElement("text",{"class":"legend_x",fill:"gray",transform:"translate(0, "+SVG.parent_holder.offsetHeight+") scale(1, -1)"});d.appendChild(document.createTextNode(SVG.x_callback(h[n])));SVG.g.appendChild(d);d.setAttribute("x",h[n]-d.getBoundingClientRect().width/2+2.5);var u=t(0,0).y;d.setAttribute("y",SVG.parent_holder.offsetHeight-SVG.marginBottom-u);d=SVG.createElement("line",{"class":"legend_x",stroke:"gray","stroke-width":2,x1:h[n],x2:h[n],y1:u-5,y2:u+5});SVG.g.appendChild(d)}}}};var old=window.onresize||function(){};window.onresize=function(){old();if(SVG.g!==false){SVG.g.setAttribute("transform","translate(0, "+SVG.parent_holder.offsetHeight+") scale(1, -1)");if(SVG.x_axis===true){SVG.axis.setAttribute("x2",SVG.parent_holder.offsetWidth-13-SVG.marginRight)}[].forEach.call(SVG.holder.querySelectorAll(".label, .over, .point, .line, .graph, .legend_x"),function(a){a.parentNode.removeChild(a)});SVG.draw()}};
\ No newline at end of file