1. 程式人生 > >js元件封裝(一)

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);