程序博客网 > 蘑菇街和淘宝哪个好

漂亮的柱状图

来源：互联网发布：蘑菇街和淘宝哪个好编辑：程序博客网时间：2024/04/29 00:54

<script language=javascript>
function table1(total,table_x,table_y,thickness,table_width,all_width,all_height,table_type){
//参数含义(传递的数组，横坐标，纵坐标，柱子的厚度，柱子的宽度，图表的宽度，图表的高度,图表的类型)
//纯ASP代码生成图表函数1——柱状图
//作者：龚鸣(Passwordgm) QQ:25968152 MSN:passwordgm@sina.com Email:passwordgm@sina.com
//本人非常愿意和ASP,VML,FLASH的爱好者在HTTP://topclouds.126.com进行交流和探讨
//版本2.0 最后修改日期 2003-7-22
//非常感谢您使用这个函数，请您使用和转载时保留版权信息，这是对作者工作的最好的尊重。

//***************************************************************************************
//修改说明：
//                本代码经原作者同意，由 awaysrain（绝对零度）修改为javascript。
//                最后修改日期 2003-9-22，测试环境为IE 6.0.2500.1106
//                因本人水平有限，修改中难免有错误，请大家及时指正。
//***************************************************************************************
var tmdColor1 = new Array();

tmdColor1[0] = "#d1ffd1";
tmdColor1[1] = "#ffbbbb";
tmdColor1[2] = "#ffe3bb";
tmdColor1[3] = "#cff4f3";
tmdColor1[4] = "#d9d9e5";
tmdColor1[5] = "#ffc7ab";
tmdColor1[6] = "#ecffb7";

var tmdColor2 = new Array();

tmdColor2[0] = "#00ff00";
tmdColor2[1] = "#ff0000";
tmdColor2[2] = "#ff9900";
tmdColor2[3] = "#33cccc";
tmdColor2[4] = "#666699";
tmdColor2[5] = "#993300";
tmdColor2[6] = "#99cc00";

var tb_color = new Array(tmdColor1,tmdColor2);

var line_color = "#69f";

var left_width = 70;

var length = thickness/2;

var total_no = total[0].length;

var temp1 = 0;
var temp2,temp4,temp4;

for(var i = 0;i<total_no;i++)
{
    if(temp1<total[0][i])
    {
        temp1 = total[0][i];
    }
}

temp1 = parseInt(temp1.toString());

if(temp1>9)
{
    temp2 = temp1.toString().substr(1,1)

    if(temp2>4)
    {
        temp3 = (parseInt((temp1/(Math.pow(10,(temp1.toString().length-1)))).toString())+1)*Math.pow(10,(temp1.toString().length-1));
    }
    else
    {
        temp3 = (parseInt((temp1/(Math.pow(10,(temp1.toString().length-1)))).toString())+0.5)*Math.pow(10,(temp1.toString().length-1));
    }
}
else
{
    if(temp1>4)
        temp3 = 10;
    else
        temp3 = 5;
}

temp4=temp3
document.write("");
document.write("");
document.write("");

switch (table_type)
{
    case "A":

    var table_space = (all_width-table_width*total_no)/total_no;
    document.write("");

    for(var i=0;i<=all_height-1;i+= all_height/5)
    {
        document.write("");
        document.write("");
        document.write("");
        document.write("");
        temp4 = temp4-temp3/5;
    }
    for(var i=0;i<total_no;i++)
    {

        var temp_space = table_x + left_width + table_space / 2 + table_space * i + table_width * i;
        document.write("<v:rect id='_x0000_s1025' alt='' style='position:absolute;left:");
        document.write(temp_space);
        document.write("px;top:");
        document.write(table_y + all_height * (1 - (total[0][i] / temp3)));
        document.write("px;width:" + table_width + "px;height:" + all_height * (total[0][i] / temp3) + "px;z-index:1' fillcolor='" + tb_color[1][i] + "'>");
        document.write("<v:fill color2='" + tb_color[0][i] + "' rotate='t' type='gradient'/>")
        document.write("<o:extrusion v:ext='view' backdepth='" + thickness + "pt' color='" + tb_color[1][i] + "' on='t'/>");
        document.write("</v:rect>");
        document.write("<v:shape id='_x0000_s1025' type='#_x0000_t202' alt='' style='position:absolute;left:" + temp_space + "px;top:" + (table_y+all_height*(1-(total[0][i]/temp3))-table_width) + "px;width:" + (table_space+15) + "px;height:18px;z-index:1'>");
        document.write("<v:textbox inset='0px,0px,0px,0px'><table cellspacing='3' cellpadding='0' width='100%' height='100%'><tr><td align='center'>" + total[0][i] + "</td></tr></table></v:textbox></v:shape>");
        document.write("<v:shape id='_x0000_s1025' type='#_x0000_t202' alt='' style='position:absolute;left:" + (temp_space-table_space/2) + "px;top:" + (table_y+all_height+1) + "px;width:" + (table_space+table_width) + "px;height:18px;z-index:1'>");
        document.write("<v:textbox inset='0px,0px,0px,0px'><table cellspacing='3' cellpadding='0' width='100%' height='100%'><tr><td align='center'>" + total[1][i] + "</td></tr></table></v:textbox></v:shape>");
    }

    break;
case "B":
    var table_space = (all_height - table_width * total_no) / total_no;
    document.write("");
    for(var i=0;i<=all_width-1;i +=all_width/5)
    {
        document.write("");
        document.write("");
        document.write("");
        document.write("");
        temp4 = temp4 - temp3 / 5;
    }

    for(var i=0;i<total_no;i++)
    {
        var temp_space = table_space/2 + table_space * i + table_width * i;
        document.write("<v:rect id='_x0000_s1025' alt='' style='position:absolute;left:");
        document.write(table_x + left_width);
        document.write("px;top:");
        document.write(table_y + temp_space);
        document.write("px;width:" + all_width * (total[0][i] / temp3) + "px;height:" + table_width + "px;z-index:1' fillcolor='" + tb_color[1][i] + "'>");
        document.write("<v:fill color2='" + tb_color[0][i] + "' rotate='t' angle='-90' focus='100%' type='gradient'/>");
        document.write("<o:extrusion v:ext='view' backdepth='" + thickness + "pt' color='" + tb_color[1][i] + "' on='t'/>");
        document.write("</v:rect>");
        document.write("<v:shape id='_x0000_s1025' type='#_x0000_t202' alt='' style='position:absolute;left:" + (table_x + left_width + all_width * (total[0][i] / temp3) + thickness / 2) + "px;top:" + (table_y + temp_space) + "px;width:" + (table_space + 15) + "px;height:18px;z-index:1'>");
        document.write("<v:textbox inset='0px,0px,0px,0px'><table cellspacing='3' cellpadding='0' width='100%' height='100%'><tr><td align='center'>" + total[0][i] + "</td></tr></table></v:textbox></v:shape>");

        document.write("<v:shape id='_x0000_s1025' type='#_x0000_t202' alt='' style='position:absolute;left:" + table_x + "px;top:" + (table_y + temp_space) + "px;width:" + left_width + "px;height:18px;z-index:1'>");
        document.write("<v:textbox inset='0px,0px,0px,0px'><table cellspacing='3' cellpadding='0' width='100%' height='100%'><tr><td align='right'>" + total[1][i] + "</td></tr></table></v:textbox></v:shape>");
    }

    }

}
</script>

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style>
TD {}{    FONT-SIZE: 9pt}
</style></head>
<body topmargin=5 leftmargin=0 scroll=AUTO>
<script language=javascript>

//=============调用方法=====================

var dataArray = new Array()
dataArray[0]=200
dataArray[1]=800
dataArray[2]=1000
dataArray[3]=600
dataArray[4]=1222
dataArray[5]=3213
dataArray[6]=8
var nameArray = new Array()
nameArray[0]="中国经营报"
nameArray[1]="招聘网"
nameArray[2]="51Job"
nameArray[3]="新民晚报"
nameArray[4]="新闻晚报"
nameArray[5]="南方周末"
nameArray[6]="羊城晚报"
var total= new Array(dataArray,nameArray)

table1(total,200,20,20,30,400,200,"A");
table1(total,200,320,20,20,400,250,"B")

</script>
</body>
</html>

蘑菇街和淘宝哪个好

蘑菇街和淘宝哪个好

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子爱贝英语怎么样爱贝英语价格表爱贝亲子网爱贝国际少儿英语收费爱贝少儿英语怎么样爱贝国际爱贝国际英语怎么样爱贝佳月嫂怎么样爱贝丽和好孩子哪个好爱贝教育爱贝幼儿园爱贝丽推车爱贝网爱贝优上海爱贝爱贝丽实体店爱贝丽专卖店爱贝聪爱贝丽旗舰店爱贝保险柜爱贝丽婴儿爱贝丽是哪里的牌子爱购樟宜我爱购老爱购面岛爱购爱购网商城爱购便利店爱购保税爱购全球时尚爱购爱购团购网爱购app 爱购联盟爱购网模板爱购酒网爱购时尚爱购宝贝网爱购返利网爱购论坛爱购网货到付款