-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
61 lines (54 loc) · 1.93 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>Webix Highcharts</title>
<link rel="stylesheet" type="text/css" href="http://cdn.webix.com/site/webix.css">
<script type="text/javascript" charset="utf-8" src="highcharts_standalone.js"></script>
<script type="text/javascript" charset="utf-8" src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="http://cdn.webix.com/site/webix.js"></script>
<script type="text/javascript" src="webix-highcharts.js"></script>
</head>
<body>
<script type="text/javascript" charset="utf-8">
var series = [];
series[0] = [
{ name:'series 1', data:[ 5,2,4,6,2,4,5,10] },
{ name:'series 2', data:[ 4,8,7,5,2,3,2,6], color:'olive' }
];
series[1] = [
{ name:'series 1', data:[ 7,8,5,2,4,1,5,6] },
{ name:'series 2', data:[ 4,2,3,6,1,6,5,5], color:'turquoise' }
];
var s = 0;
function start() {
webix.ui({ view:'layout', rows:[
{ view:"toolbar", elements:[
{ view:'label', label:'hello highcharts' },
{id:'button', view:'button', value:'load new series' },
{}
]},
{ view:'layout', type:'space', cols:[
{ view:'template', template:'left', width:200 },
{view:'resizer' },
{ view:'highcharts', id:'chart',
chart: { type:'column', title: { text:'Hello' }},
data: series[0]
},
{ view:'resizer' },
{ view:'template', template:'right'}
]},
{view:'resizer'},
{view:'template', template:'below' }
]
});
$$('button').attachEvent('onItemClick', function() {
s = (s + 1) % 2;
$$('chart').parse(series[s]);
});
};
webix.ready(start);
</script>
</body>
</html>