jsp怎么做柱状图_jQuery制作简单柱状图实例

本文实例讲述了jQuery制作简单柱状图的方法。分享给大家供大家参考。具体实现方法如下：

Html部分：

柱状图

CSS部分：

/*以下为柱状图样式*/

.histogram-container{position:relative;margin-left:60px;margin-top:10px;margin-bottom:25px;}

.histogram-bg-line{border:#999 solid;border-width:0 0px 1px 1px;border-right-color:#eee;overflow:hidden;width:99%;}

.histogram-bg-line ul{overflow:hidden;border:#eee solid;border-width:1px 0 0 0;clear:both;}

.histogram-bg-line li{float:left;overflow:hidden;background:#fff;}

.histogram-bg-line li div{border-right:1px #eee solid;}

.histogram-content{position:absolute;left:0px;top:0;width:99%;height:100%;}

.histogram-content ul{height:100%;}

.histogram-content li{float:left;height:100%;text-align:center;position:relative;}

.histogram-box{position:relative;display:inline-block;height:100%;width:20px;}

.histogram-content li a{position:absolute;bottom:0;ri