annotations.min.js 1.1 KB

1
  1. $(window).on("load",function(){for(var o=[],t=0;t<20;++t)o.push([t,Math.sin(t)]);var l=[{data:o,label:"Pressure",color:"#3F51B5"}],i=[{color:"#f6f6f6",yaxis:{from:1}},{color:"#f6f6f6",yaxis:{to:-1}},{color:"#000",lineWidth:1,xaxis:{from:2,to:2}},{color:"#000",lineWidth:1,xaxis:{from:8,to:8}}],e=$("#annotation"),a=$.plot(e,l,{bars:{show:!0,barWidth:.5,fill:!0,lineWidth:0,fillColor:{colors:[{opacity:.5},{opacity:.8}]}},xaxis:{ticks:[],autoscaleMargin:.02},yaxis:{min:-2,max:2},grid:{borderWidth:1,borderColor:"#e9e9e9",color:"#999",minBorderMargin:20,labelMargin:10,margin:{top:8,bottom:20,left:20},markings:i}}),r=a.pointOffset({x:2,y:-1.2});e.append("<div style='position:absolute;left:"+(r.left+4)+"px;top:"+r.top+"px;color:#666;font-size:smaller'>Warming up</div>"),r=a.pointOffset({x:8,y:-1.2}),e.append("<div style='position:absolute;left:"+(r.left+4)+"px;top:"+r.top+"px;color:#666;font-size:smaller'>Actual measurements</div>");var n=a.getCanvas().getContext("2d");n.beginPath(),r.left+=4,n.moveTo(r.left,r.top),n.lineTo(r.left,r.top-10),n.lineTo(r.left+10,r.top-5),n.lineTo(r.left,r.top),n.fillStyle="#000",n.fill()});