采纳答案成功!
向帮助你的同学说点啥吧!感谢那些助人为乐的人
老师,垂直方向的柱状图生长,从下往上生长,我一直没写出来,可以用旋转过来,然后改变一下位置吗?另外这个垂直柱状图有源码吗?
垂直柱图有源码的
效果地址:http://webooxx.com/ddemo/H5Webapp/h5_it/index.html
JS地址:http://webooxx.com/ddemo/H5Webapp/h5_it/js/H5ComponentBar_v.js
预览图:
关键代码:
// 柱状图-垂直
var
H5ComponentBar_v =
function
(name , cfg){
obj =
new
H5ComponentBar(name,cfg);
obj.addClass(
'h5_component_bar_v'
);
w = (100 / cfg.data.length )>>0;
obj.find(
'.line'
).width(w+
'%'
// 把 width 分配到 height
$.each(obj.find(
'.rate'
),
(){
w = $(
this
).css(
'width'
$(
).width(
''
).height(w);
})
'.per'
).appendTo( $(
).prev() );
return
obj;
}
登录后可查看更多问答,登录/注册
用HTML5/CSS3/JS流行技术,实现移动端可视化数据报告
1.1k 9
1.4k 6
1.0k 6
1.9k 5
947 5