📄 index.htm
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript" src="js/jsgraphics.js"></script>
</head>
<body>
<div id="canvas" style="position:relative;width: 250px; height: 120px; background-color:#ffffff; left: 213px; top: 105px;">
<script type="text/javascript">
var xmlHttp;
var handlerType=1;//通过判断该值识别用哪一个handler函数
var My=1,n=0;
var Data=new Array;
for(var i=0;i<9;i++){Data[i]=0;}
function createXMLHttpRequest()
{
if (window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
}
function doRequest(url,handlertype,params,HttpMethod)
{
handlerType=handlertype;//如果没有指定方法，默认为post
if(!HttpMethod) { HttpMethod="POST"; }
createXMLHttpRequest(); //xmlHttpRequest建立对象
if(xmlHttp)
{
xmlHttp.open(HttpMethod,url,true);
xmlHttp.onreadystatechange =handler;
xmlHttp.send(params);
}
}
function handler()
{
if(handlerType==1) {handlerOne();}
if(handlerType==2) {handlerTwo();}
}
var url="response.aspx?"+"timeStamp="+new Date().getTime();
function handlerOne()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var temp=xmlHttp.responseText;
Data.unshift(temp);
Data.pop();
My=Max_value(Data);
n=80*temp/My;
}
}
}
function Max_value(arry)
{
var temp=0;
for(var i=0;i<arry.length;i++) { if(temp<arry[i]){temp=arry[i];} }
return temp;
}
var jg=new jsGraphics();//使用该类
var X=[0,30,60,90,120,150,180,210,240];
var Y=new Array;
for(var i=0;i<9;i++){Y[i]=0;}
function pillar()
{
doRequest(url,"1",null,"POST");//执行请求
Y.unshift(n);
Y.pop();
jg.setPen(1,1);
jg.setColor("#C1C1C1");
for(var i=0;i<=120;i=i+10){ jg.drawLine(0,i,250,i);}//画坐标线
for(var i=0;i<=250;i=i+10){ jg.drawLine(i,0,i,120);}//画坐标线
jg.setColor("RED");
jg.drawCurve(X,Y,0.2);
jg.setColor("Blue");
jg.setPen(2,2);
for(var i=0;i<=250;i=i+30){jg.point(i,Y[i/30]);}//标出插值点
for(var i=0;i<=250;i=i+30){jg.drawStringRect(Data[i/30],i,Y[i/30],30,15,12,"Blue");}//贴文字
jg.drawStringRect("可用内存(MB)",10,100,80,15,12,"Green");
jg.paint("canvas");
}
pillar();
var obj22=setInterval("pillar()",3000);
</script>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -