js柱状图插件

最近项目需要用到柱状图，于是就自己动手做了一个js的柱状图插件，下面有效果图。第一次做，希望能帮助到需要的朋友。不喜请勿喷。谢谢！

相关文件有网盘地址可以下载。

一、        引入js和css文件

a)      可以将histogram文件夹整个放入项目

b)     如果需整个导入，至少需要的文件:jQuery.js, histogram.js, histogram.css

二、        使用说明

a)      写一段js来引用histogram插件，源码中vote.js为示例代码

$(function(){

       var list = [createFun('微团购',200),createFun('微商场',300),createFun('微酒店',400),createFun('留言板',500),createFun('微调研',700),createFun('微投票',800)];

       console.log(list);

       //创建表格

       getTable('container',5,6,1000,list);

       //动态宽高

    getWidth();

});

b)     createFun为封装好的创建对象的方法，可以用来创建柱状图需要显示的内容的对象，创建方法见a

c)      getTable('container',5,6,1000,list);           container为柱状图的父容器，5行，6列，最大值为1000，list是需要被显示的对象的列表建议list的length=col(列大小)

柱状图颜色为随机颜色，通过随机数生成16进制颜色代码

下载地址：http://pan.baidu.com/s/1hqtBV6W