javascriptGraphics.docVIP

标签： javascript? 图? 表? 奉上源代码，自行研究包括 线性图，饼状图，柱形图 scriptdocument.write(html xmlns:vstylev\\:*{behavior:url(#default#VML)}/style)var ct1=new ct()function ct(){??? this.ac=green,yellow,red,blue,gray,purple.split(,)??? this.getCss=function(css,k,df){??????? if(css==null)??????????? return def==null ? : df??????? var r=new RegExp((^|)+k+:([^\;]*)(\;|$),gi)??????? var a=r.exec(css.replace(/=/g,:).replace(/ /g,).toLowerCase())??????? return a==null ? (df==null ? : df) : (isNaN(a[2])||a[2]== ? a[2] : parseInt(a[2]))??? }??? this.bar=function(vList,css){??????? var l=,a,n,s,hsz,max=0,cx=20,ch??????? var pw=this.getCss(css,width,500),ph=this.getCss(css,height,300)??????? if(ph150||pw150){??????????? alert(图表区域太小，中断输出！)??????????? return??????? }??????? a=vList.split(;)??????? for(var i in a){??????????? a[i]=a[i].split(,)??????????? for(var j in a[i]){??????????????? if(i0j0)??????????????????? if(parseInt(a[i][j])max)??????????????????????? max=parseInt(a[i][j])??????????? }??????? }??????? if(max==0)??????????? return??????? hsz=(ph-100)/max??????? n=(vList.length-vList.replace(/;/g,).replace(/,/g,).length)*20+20??????? if(pwn)??????????? pw=n??????? l+=v:rect fillcolor=+this.getCss(css,background,white)+ style=position:absolute;left:0;top:0;width:+pw+;height:+ph+v:shadow on=t type=emboss opacity=80% offset=3px,3px offset2=5px,5px //v:rect??????? l+=v:line from=+30+,+(ph-30)+ to=+30+,+10+v:stroke startarrow=none endarrow=classic //v:line??????? l+=v:line from=+30+,+(ph-30)+ to=+(pw-10)+,+(ph-30)+v:stroke startarrow=none endarrow=classic //v:line??????? l+=span style=position:absolute;z-index:3;font:12;left:220;top:10+this.getCss(css,title)+/span??????? l+=span style=position:absolute;z-index:3;font:12;left:+(pw-50)+;top:+(ph-20)++a[0][0]+/span??????? l+=span style=position:absolute;z-index:3;font:12;left:10;top:10;width:5;word-break:break-all+this.getCss(css,vname)+/span ??????? for(i=0;i5;i++){??????????? l+=v:line from=+30+,+(70+i