<html> <head> <meta http-equiv=content-type content="text/html; charset=gb2312"> <mce:style type="text/css"><!-- /*CSS部分就不翻译了,今天主要翻译JS部分*/ /* 生成柱状图的CSS */ .stat td { line-height:22px; color:#333333; font-size:14px } .chart { position:relative; margin:10px 0 30px 31px; border:1px solid #B3B3DC } .chart div.bar, .chart div.barhl { position:absolute; background:#DCDCF4; border:1px solid #B3B3DC; line-height:0 } .chart div.barhl { background:#C2C2F4 } .chart div.liney { position:absolute; border-top:1px dotted #B9B9B9; line-height:0 } .chart div.titx, .chart div.titxhl, .chart div.tity { position:absolute; color:#666; font-size:9px; font-family:Arial; text-align:center; white-space:nowrap } .chart div.titxhl { color:#FF0000 } .chart div.tity { text-align:right } .chart div.hit { position:absolute; z-index:1000; width:100px; color:#666; font-size:12px; font-family:Arial } .stattop { float:left; margin-top:20px; margin-right:14px; padding:10px; width:199px!important; width:220px; border:1px solid #CDCDCD } .stattop .list { margin-top:6px } .stattop .list td { height:20px } --></mce:style><style type="text/css" mce_bogus="1"> /*CSS部分就不翻译了,今天主要翻译JS部分*/ /* 生成柱状图的CSS */ .stat td { line-height:22px; color:#333333; font-size:14px } .chart { position:relative; margin:10px 0 30px 31px; border:1px solid #B3B3DC } .chart div.bar, .chart div.barhl { position:absolute; background:#DCDCF4; border:1px solid #B3B3DC; line-height:0 } .chart div.barhl { background:#C2C2F4 } .chart div.liney { position:absolute; border-top:1px dotted #B9B9B9; line-height:0 } .chart div.titx, .chart div.titxhl, .chart div.tity { position:absolute; color:#666; font-size:9px; font-family:Arial; text-align:center; white-space:nowrap } .chart div.titxhl { color:#FF0000 } .chart div.tity { text-align:right } .chart div.hit { position:absolute; z-index:1000; width:100px; color:#666; font-size:12px; font-family:Arial } .stattop { float:left; margin-top:20px; margin-right:14px; padding:10px; width:199px!important; width:220px; border:1px solid #CDCDCD } .stattop .list { margin-top:6px } .stattop .list td { height:20px }</style> <mce:script language="javascript"><!-- //eval(function(p,a,c,k,e,d){整理d里的字段把后重新定义}(给p,a,c,k,e,d付值)) //这是一个生成FUNCKON Chart的函数.关于p,a,c,k,e,d见上图! eval(function(p,a,c,k,e,d) { e=function(c) { return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36)) }; if(!''.replace(/^/,String)) { while(c--) { d[e(c)]=k[c]||e(c); } k=[function(e) { return d[e] } ]; e=function() { return'//w+' }; c=1 }; while(c--) { if(k[c]) { p=p.replace(new RegExp('//b'+e(c)+'//b','g'),k[c]) } } return p } ('p w(E,D,A,C,B){5.R=8.14(E);5.o=D;5.d=A;5.r=(8.e)?C:(C-2);5.q=0;5.b=B+((8.e)?0:-2);5.x=5.d[0];5.O=5.d[5.d.c-1]}w.P.y=p(B){9 A=15.16(((B-5.x)*5.b/(5.O-5.x)))+((8.e)?2:0);s(A>5.b){A=5.b}17 A};w.P.18=p(){9 A=8.i("k");A.a="1a";A.6.z=5.b+"7";5.R.j(A);9 K=8.i("k");A.j(K);K.a="1b";9 J=0;Q(9 G=0;G<5.o.c;G+=2){9 B=5.y(5.o[G]);9 I=5.o[G+1];9 F=8.i("k");A.j(F);F.a="u";F.6.n=5.r+"7";F.6.z=B+"7";F.6.m=5.b-B-1+"7";F.6.g=(J-1)+"7";F.h="&v;";F.f=K;F.T=p(){5.a="V";5.f.6.L="";5.f.h=5.t.l(3,5.t.c);5.f.6.g=5.6.g;5.f.6.m=S(5.6.m)-S(5.f.19)+"7"};F.W=p(){5.a="u";5.f.6.L="Z"};9 E=8.i("k");A.j(E);E.6.n=5.r+"7";E.6.m=(8.e)?5.b:5.b+3+"7";9 C=I.10(".");F.t="u"+I.l(0,C)+"//11"+I.l(C+1,I.c)+"//12&v;&v;"+5.o[G];s(G%4==0){s((I.l(C+1,I.c)=="1"||I.l(C+1,I.c)=="2")){E.a="13";E.6.g=(J-4)+"7";E.h=I}N{E.a="M";E.6.g=(J-1)+"7";E.h=I.l(C+1,I.c)}}N{E.a="M";E.6.g=(J-1)+"7";E.h=""}J+=5.r+((8.e)?-1:1)}5.q=J+((8.e)?1:-1);A.6.n=5.q+"7";Q(9 G=0;G<5.d.c;G++){9 D=5.y(5.d[G]);s(G!=0&&G!=5.d.c-1){9 H=8.i("k");A.j(H);H.a="X";H.6.n=(5.q-((8.e)?1:-1))+"7";H.6.m=(5.b-D-1)+"7"}9 E=8.i("k");A.j(E);E.a="1c";E.6.n="Y";E.6.m=(5.b-D-2)+"7";E.6.g=-U+"7";E.h=5.d[G]}};',62,75,'|||||this|style|px|document|var|className|charth|length|yl|all|ohit|left|innerHTML|createElement|appendChild|div|substring|top|width|xl|function|chartw|barw|if|id|bar|nbsp|Chart|minpv|GetPVHeight|height||||||||||||display|titx|else|maxpv|prototype|for|parent|parseInt|onmouseover|42|barhl|onmouseout|liney|35px|none|indexOf|u6708|u65e5|titxhl|getElementById|Math|round|return|Create|offsetHeight|chart|hit|tity'.split('|'),0, { } )); // --></mce:script> <title>访问统计</title> </head> <body> <div id="chart"></div> <mce:script language="javascript"><!-- var k=[ 1776, 1776, 1776, 1963, 2052, 2604, 2112, 2060, 1738, 1792, 1420, 1820, 1895, 1776, 1776, 1776, ]; // --></mce:script> <mce:script language="javascript"><!-- try { if(k.length==0) { k=[0]; } else { var f=k.toString(); if(f.charAt(f.length-1)==",") { f=f.substring(0,f.length-1); } k=f.split(",");//把f以","分解成数组! } } catch(A) { } if(k.length<60) { while(k.length<60) { k.push(0);//没有的变成0,设置60个的数组.以后的x. } } var f=[]; for(var b=0;b<k.length;b++) { f[b]=k[b];//付值 } f.sort(function(B,A) { return parseInt(B)-parseInt(A);//排序 } ); var min=parseInt(f[0]); var max=parseInt(f[f.length-1]); var p=[]; var n=6; var N=Math.ceil((max-min)/(n-1)); p[0]=min; for(var b=1;b<n;b++) { p[b]=min+N*b;//大小排列六等分,以后的y做贮备 } var _k="2007-4-25".split("-");//定义今天的日期 var q=new Date(parseInt(_k[0]),parseInt(_k[1])-1,parseInt(_k[2])); var w=[]; for(var b=0;b<60;b++) { w.push((q.getMonth()+1)+"."+q.getDate()); q.setDate(q.getDate()-1);//计算日期,两个月60天 } var x=[]; for(var b=60-1;b>=0;b--) { x.push(k[b]);//日期 x.push(w[b]);//数值 } var y=p; if(y.toString()==[0,0,0,0,0,0].toString()) { y=[0,1,2,3,4,5];//y分六等从0到最高 } new Chart("chart",x,y,10,152).Create(); //Chart(ID名,x轴,y轴,10,152) // --></mce:script> </body> </html>