js元件封裝(一)
阿新 • • 發佈:2018-12-18
使用者提供各項資料
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);