好资源导航 » 文章资讯 » javascript实现动态显示颜色块的报表效果

javascript实现动态显示颜色块的报表效果

2024-02-25 23:55:02 78

利用html的颜色块动态展示数据


*{
padding:0;
margin:0;
}
.tubiao,.jihua,.shiji,.riqi{
width:100%;
overflow:hidden;
margin-top:10px;
}
.left{
width:10%;
float:left;
text-align:center;
height:25px;
line-height:25px;
}
.right{
width:90%;
float:right;
height:25px;
}
span{
width:5%;
height:100%;
text-align:center;
display:inline-block;
}




计划

实际

vartemp1="0-0.5-2-2-2-2-1-1";//计划耗时（块的单位宽度） vartemp2="1-1-2-1-2-0-0-0";//实际耗时（块的单位宽度） vartemp3="5/19-5/20-5/21-5/22-5/23-5/24-5/25-5/26-5/27-5/28";//综合日期 vartemp=temp1+"~"+temp2+"~"+temp3; varplan=document.getElementsByClassName("plan")[0]; varact=document.getElementsByClassName("act")[0]; varday=document.getElementsByClassName("day")[0]; varnum=20;//创建多少个格 load_first(temp); //分割数据和添加色块操作 functionload_first(temp){ vardemo=temp.split("~"); vard1=demo[0].split("-");//计划耗时（块的单位宽度）数组 vard2=demo[1].split("-");////实际耗时（块的单位宽度）数组 vard3=demo[2].split("-");//综合日期数组 for(vari=0;i

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持毛票票！

返回顶部
514930285
czq8825@qq.com

javascript实现动态显示颜色块的报表效果

热门推荐

随机推荐