我需求一个比例比这个小的 可以实现吗 整体比例缩小的这个JS 应该怎么修改?QQ:247909651?求高手指点

/**
条形统计图容器
width:统计图宽度(>=100);
height:统计图高度(>=450);
left:统计图左边距;
top:统计图上边距;
title:统计图标题(默认值:统计图);
unit:统计图单位(默认值:个);
bgcolor:统计图背景颜色(默认值:#CCFFCC);
divID:统计图层ID(默认值:div_chart)
*/
function chart(width,height,left,top,title,unit,bgcolor,divID){
this.width=(width<100||width>2000)?100:width;
this.height=(height<450||height>2000)?450:height;
this.left=left?((left<0||left>800)?0:left):0;
this.top=top?((top<0||top>1000)?0:top):0;
this.title=title?title:"统计图";
this.unit=unit?unit:"元";
this.bgcolor=bgcolor?bgcolor:"#CCFFCC";
this.divID=divID?divID:"div_chart";
this.columns = new Array();
this.columnCount=0;
this.gradLeft=0;
this.gradTop=this.top+10
this.gradHeight=this.height-120
this.gradInterval=(this.gradHeight)/11
this.maxValue=0
this.colWidth=5 //控制统计图间的距离
this.colGap=this.colWidth
}
/**
给条形统计图加一条形,然后计算相应的值
*/
function chart.prototype.addColumn (size,footnote,color)
{
var columnObj = new column(size,footnote,color)
if(columnObj.size>this.maxValue){
this.maxValue=getBetterMaxValue(columnObj.size)
}
this.columns[this.columnCount++]=columnObj
for(var i=0;i<this.columnCount;i++){
this.columns[i].height=((this.gradHeight)/11)*10*this.columns[i].size/this.maxValue
}
this.gradLeft=(this.width-(this.colWidth+this.colGap)*this.columnCount)/2
}
/**
设置条形统计图中条形的宽度
*/
function chart.prototype.setColWidth(colWidth){
this.colWidth=colWidth
}
/**
设置条形统计图中条形间的间隔
*/
function chart.prototype.setColGap(colGap){
this.colGap=colGap
}

第1个回答  2011-03-16
/**
显示条形统计图
*/
function chart.prototype.show(){
if(document.getElementById(this.divID)) document.getElementById(this.divID).removeNode(true)
var today=new Date()
var strToday=today.getFullYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"
var strDivHTML=""
strDivHTML="<DIV id='"+this.divID+"' style='POSITION:absolute;"
strDivHTML+= "TOP:"+this.top+";LEFT:"+this.left+";width:"+this.width+";height:"+this.height
strDivHTML+=";BACKGROUND-COLOR:"+this.bgcolor+";BORDER-TOP:3px RIDGE YELLOW;BORDER-RIGHT:3px RIDGE YELLOW;"
strDivHTML+="BORDER-BOTTOM:3px RIDGE YELLOW;BORDER-LEFT:3px RIDGE YELLOW;Z-INDEX:0'>"
strDivHTML+="<table align=center></tr><td><strong>"+this.title+"</strong></td></tr></table>"
strDivHTML+="<table width=100%></tr><td style='FONT-SIZE: 12px;FONT-WEIGHT: bolder' align= >单位:"+this.unit+"</td>"
strDivHTML+="<td style='FONT-SIZE: 12px;' align=right>统计日期:"+strToday+"</td></tr></table></DIV>"
document.body.insertAdjacentHTML("BeforeEnd",strDivHTML)
showGrad(this)
showColumns(this)
}

/**
条形统计图中的条形对象
size:条形的值(数字型);
footnote:条形的脚注(字符串);
color:条形的颜色(字符串)
*/
function column(size,footnote,color){
this.size=size
this.footnote=footnote
this.color=color
this.height=0
}

/**
显示条形统计图的标有刻度的坐标
*/
function showGrad(chartObj){
var left=chartObj.gradLeft
var top=chartObj.gradTop
var height=(chartObj.gradHeight)/11
var color="green"
var maxValue=chartObj.maxValue
var arrowLeft=left+maxValue.toString().length*6
var lineHeight=2
var strHTML="<div style='POSITION:absolute;left:"+(arrowLeft-4)+";top:"+(top-14)+";color:"+color+";z-index:12'> "//纵坐标箭头
strHTML+="<span lang=EN-US style='font-size:18pt;font-family:VisualUI'>G</span></div>"

strHTML+="<table style='POSITION:absolute;left:"+left+";top:"+top+";BORDER-RIGHT: "+color+" 4px solid;FONT-SIZE: 12px;z-index:11'>"
for(var i=0;i<11;i++){
strHTML+="<tr><td id='td_grad_"+(i+1).toString()+"'"
strHTML+="style='HEIGHT:"+height+"; BORDER-BOTTOM: "+color+" 1px solid; TEXT-ALIGN:right;vertical-align:bottom;'>"
strHTML+=(maxValue/10*(10-i))+"</td></tr>"
}
strHTML+="</table>"
var hLineTop=top+height*11+lineHeight*10
var hLineLeft=arrowLeft+7
var hLineWidth=(chartObj.colWidth+chartObj.colGap)*(chartObj.columnCount+1)
strHTML+="<table style='POSITION:absolute;left:"+hLineLeft+";top:"+hLineTop+";width:"+hLineWidth+";BORDER-TOP: "+color+" 4px solid;'><tr><td></td></tr></table>"
strHTML+="<div style='POSITION:absolute;left:"+(hLineLeft+hLineWidth-10)+";top:"+(hLineTop-10)+";color:"+color+";z-index:12'>"//横坐标箭头
strHTML+="<span lang=EN-US style='font-size:18pt;font-family:VisualUI'>E</span></div>"
document.getElementById(chartObj.divID).insertAdjacentHTML("BeforeEnd",strHTML)
}

/**
显示条形统计图的所有条形
*/
function showColumns(chartObj){
var arrowLeft=chartObj.gradLeft+chartObj.maxValue.toString().length*6
var left=arrowLeft+4+chartObj.colGap
var colWidth=chartObj.colWidth
var gap=chartObj.colGap
var lineHeight=2//刻度线的高度
var strHTML=""
for(var i=0;i<chartObj.columnCount;i++){
var colObj=chartObj.columns[i]
var height=colObj.height+parseInt(colObj.size/(chartObj.maxValue/11))*lineHeight
var colTop=chartObj.gradTop+chartObj.gradHeight+lineHeight*10-height
height=height>1?height:1

strHTML+="<table><tr><td style='position:absolute;top:"+(colTop-15)+";left:"+(left+(colWidth+gap)*i)+";width:"+colWidth+";FONT-SIZE: 12px;z-index:1000' align='center'>"+colObj.size.toString()+"</td></tr></table>"

strHTML+="<table><tr><td style='position:absolute;top:"+colTop+";left:"+(left+(colWidth+gap)*i)+";height:"+height+";width:"+colWidth+";background-color:"+colObj.color+"'></td></tr></table>"

strHTML+="<table><tr><td style='position:absolute;top:"+(colTop+height+5)+";left:"+(left+(colWidth+gap)*i)+";width:"+colWidth+";FONT-SIZE: 12px;word-wrap:break-word;z-index:1000' align='center'>"+colObj.footnote+"</td></tr></table>"
}

document.getElementById(chartObj.divID).insertAdjacentHTML("BeforeEnd",strHTML)

}

/**
获得一个能被10整除的较佳最大数
*/
function getBetterMaxValue(pMaxValue){
for(var i=10;i>1;i--)
if(pMaxValue>=Math.pow(10,i))return parseInt(parseFloat(pMaxValue)/Math.pow(10,i)+1)*Math.pow(10,i)
return parseInt(parseFloat(pMaxValue)/10+1)*10
}

function document.ondragstart(){
return false
}

function document.onselectstart() {
return false
}

function document.oncontextmenu(){
return false
}
以上都是这个JS的源码 忘帮忙看下啊谢谢啊本回答被提问者采纳

QQ三国JS改造精致装备有什么技巧吗?怎么样才能改出高属性?找个高手告诉...
改造石与魂石都可以精炼(F3里面),精炼比例为5:1。例如:5破碎的魂=1劣质之魂、5个精致之魂=1个无暇之魂,等等,精炼需要活力与钱。初级改造石为F3中放入汲取不同的材料而得,一般而言:材料等级越高需要越少。例如:10个蓝文=1个初级改造石、2个黑曜=1个初级改造石,汲取不需要活力与钱。...

如何快速优化APP的关键词
首先说明一点,百度指数中没有该关键词的数据并不代表真的没有人在搜这个词,只是百度没有统计这个词而已,至于其中原因一句话带过,要百度指数统计某个词是需要在后台添加的。页面的快照都很新,至少能说明这十个站点的更新频率都比较高,而且权重还不错。如果发现这十个页面都是来自百度、新浪、中关村等知名网站或旗...

QQ三国JS改造精致装备有什么技巧吗?怎么样才能改出高属性?找个高手告诉...
改造石与魂石都可以精炼(F3里面),精炼比例为5:1。例如:5破碎的魂=1劣质之魂、5个精致之魂=1个无暇之魂,等等,精炼需要活力与钱。初级改造石为F3中放入汲取不同的材料而得,一般而言:材料等级越高需要越少。例如:10个蓝文=1个初级改造石、2个黑曜=1个初级改造石,汲取不需要活力与钱。...

用GHOST备份新装系统的方法?
接下来,程序询问是否压缩备份数据,并给出3个选择:No 表示不压缩,Fast表示压缩比例小而执行备份速度较快(推荐),High 就是压缩比例高但执行备份速度相当慢。如果不需要经常执行备份与恢复操作,可选High 压缩比例高,所用时间多3至5分钟但影像文件的大小可减小约700M。我这里用向右方向键选High,如下图16所示 选择好...

为什么我的热带鱼买来后总是死,几乎没有超过一个星期,太让人心疼了,一...
这个情况很有可能是你的鱼缸里有病毒。或是入缸之前的水没有养好。还有一种情况就是这些鱼都是带病的鱼,在原来的环境里没有发病,但是环境一变,鱼的状态下降之后免疫力随之下降之后发病。其实养鱼很简单,只是你没有找到正确的方法。养鱼无非就是那么几点,水,温度,过滤,再就是所养鱼的习性。水...

UI设计师主要是做什么的呢?
很多设计师做了东西不喜欢改,这是一个大忌。 9.整个项目的SEO优化设计。但就目前许多公司而言,拿到UI设计师手里的,就是一份什么说明都没有的VISO图,这给许多UI设计师造成一种错觉,觉得我只需要做效果图就可以了,对于 其他环节一概不理,导致了在设计产品界面的时候,因为掌握的信息不足,设计出来的界面全凭个人...

警方能查到我们的QQ聊天记录吗?
不能的,系统不保留 而且这个属于私人隐私范围之内 但可以在QQ登陆电脑 未删除记录的情况下查询到记录

谁可以教我一下怎么修改金手指啊
可以直接下载刻录而且记忆卡占用两小只有300K左右在没有其他外设时输入最人性化的一个金手指(RAW格式本来就简单,它小键盘分布合理,并且有一些汉字,所以是最方便的)支持USB键盘输入记忆管理强大(可压缩存档)DVD解码播放超强兼容RAW格式(包括官方新出来的码种)比XPV4兼容好...

我在做移动端时遇见的css问题
这两个属性一起用的话,就能让img元素src的图片效果像背景图片的效果一样,不会因为图片尺寸不成比例而走形。但是兼容性不太好,目前只适合在移动端用。 9.阻止手机弹出默认菜单,长按img标签或者长按a标签会弹出系统默认菜单(ios上,安卓上没测)。 -webkit-touch-callout:none; 10.给文字写行高时,让文字垂直居中...

QQ三国里JS的心法点到10级的各自效果是什么?
接着是激将法,这个心法点高级了之后再加上高抗对付法系的是相当占优势的,因为它不是按比例减少伤害的,意思就是不管打多少它都减少那么多伤害,比如一个yy打你-1000(初始值),装备魔防总和100(假设),减去体质(本人也不知道一体质等于多少魔防)就设100,这时只会给你800伤害,如果抗10级,就...

相似回答