js组件封装（一）

用户提供各项数据

var obj = {
        id: "container",/*容器id（必填）*/
        width: 500,/*容器宽度*/
        height: 300,/*容器高度*/

        title: "GDP分布",/*标题（必填）*/
        titleColor: "black",/*标题的颜色（默认红色）*/
        titleBorderColor: "yellow",/*标题边框的颜色（默认标题的颜色）*/

        borderType: 2,/*边框类型：1：全包裹；2：半包裹；3：不包裹*/
        borderColor: "grey",/*边框颜色 （默认标题的颜色）*/

        line: 4,/*分隔线的个数*/
        lineColor: "black",/*分隔线的颜色（默认标题的颜色）*/
        lineTipColor: "black",/*分隔线的提示颜色（默认标题的颜色）*/

        barWidth: 40,/*柱状图的柱形宽度 （默认40）*/
        data: [/*数据 （必填）*/
            {
                name: "烟台",
                number: 222,
                color: "red",
                labelColor: "red"
            },
            {
                name: "上海",
                number: 333,
                color: "orange",
                labelColor: "orange"
            },
            {
                name: "北京",
                number: 444,
                color: "blue",
                labelColor: "blue"
            }
        ]
    };

调用方法

 drawBar(obj);