You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
2.0 KiB
70 lines
2.0 KiB
Demo.Func = BI.inherit(BI.Widget, { |
|
props: { |
|
baseCls: "demo-func" |
|
}, |
|
render: function () { |
|
var self = this; |
|
return { |
|
type: "bi.tab", |
|
ref: function () { |
|
self.tab = this; |
|
}, |
|
single: true, |
|
cardCreator: function (v) { |
|
return { |
|
type: v |
|
} |
|
} |
|
}; |
|
}, |
|
|
|
mounted: function () { |
|
var self = this; |
|
var items = [[{ |
|
"data": [ |
|
{"x": "孙林", "y": 789}, |
|
{"x": "金士鹏", "y": 156}, |
|
{"x": "张珊", "y": 289}, |
|
{"x": "孙阳", "y": 562}, |
|
{"x": "袁成洁", "y": 546}, |
|
{"x": "张颖", "y": 218}, |
|
{"x": "王伟", "y": 541}, |
|
{"x": "张武", "y": 219}, |
|
{"x": "韩文", "y": 345} |
|
], |
|
"name": "测试1", |
|
stack: 1 |
|
}, { |
|
"data": [ |
|
{"x": "孙林", "y": 789}, |
|
{"x": "金士鹏", "y": 156}, |
|
{"x": "张珊", "y": 289}, |
|
{"x": "孙阳", "y": 562}, |
|
{"x": "袁成洁", "y": 546}, |
|
{"x": "张颖", "y": 218}, |
|
{"x": "王伟", "y": 541}, |
|
{"x": "张武", "y": 219}, |
|
{"x": "韩文", "y": 345} |
|
], |
|
"name": "测试2", |
|
stack: 1 |
|
}]]; |
|
var types = ["bi.axis_chart", "bi.line_chart", "bi.bar_chart"]; |
|
var index = 0; |
|
this.tab.setSelect(types[index]); |
|
this.tab.populate(BI.deepClone(items)); |
|
this.interval = setInterval(function () { |
|
index++; |
|
if (index >= types.length) { |
|
index = 0; |
|
} |
|
self.tab.setSelect(types[index]); |
|
self.tab.populate(BI.deepClone(items)); |
|
}, 2000) |
|
}, |
|
|
|
destroyed: function () { |
|
clearInterval(this.interval); |
|
} |
|
}); |
|
BI.shortcut("demo.axis_chart", Demo.Func);
|
|
|