HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
var data = getData();
3
4
var chart = anychart.resource();
5
chart.zoomLevel(1);
6
chart.data(data);
7
8
var calendar = chart.calendar();
9
calendar.availabilities([
10
{each: 'day', from: '10:00', to: '18:00'},
11
{each: 'day', from: '14:00', to: '15:00', isWorking: false}
12
]);
13
14
// Get working time.
15
var getWorkingTime = calendar.getWorkingSchedule(Date.UTC(2016, 10, 1), Date.UTC(2016, 10, 30));
16
17
chart.container("container");
18
chart.draw();
19
});
20
function getData() {
21
return [
22
{
23
"name": "Vasil Kiryienka",
24
"description": "Rider",
25
"activities": [
26
{
27
"name": "World Championships",
28
"start": '2016-10-12',
29
"end": '2016-10-12'
30
}
31
]
32
},
33
{
34
"name": "Elia Viviani",
35
"description": "Rider",
36
"activities": [
37
{
38
"name": "Paris - Tours",
39
"start": '2016-10-09',
40
"end": '2016-10-09',
41
"fill": ["#1A237E", "#FFFFFF", "#D50000"],
42
"minutesPerDay": 200
43
},
44
{
45
"name": "World Championships",
46
"start": '2016-10-09',
47
"end": '2016-10-09',
48
"minutesPerDay": 300
49
},
50
{
51
"name": "World Championships",
52
"start": '2016-10-16',
53
"end": '2016-10-16'
54
},
55
{
56
"name": "Abu Dhabi Tour",
57
"start": '2016-10-20',
58
"end": '2016-10-23',
59
"fill": "#FFA000"
60
}
61
]
62
},
63
{
64
"name": "Ben Swift",
65
"description": "Rider",
66
"activities": [
67
{
68
"name": "World Championships",
69
"start": '2016-10-09',
70
"end": '2016-10-09'
71
},
72
{
73
"name": "World Championships",
74
"start": '2016-10-16',
75
"end": '2016-10-16'
76
}
77
]
78
},
79
{
80
"name": "Michal Kwiatkowski",
81
"description": "Rider",
82
"activities": [
83
{
84
"name": "World Championships",
85
"start": '2016-10-09',
86
"end": '2016-10-09'
87
},
88
{
89
"name": "Abu Dhabi Tour",
90
"start": '2016-10-20',
91
"end": '2016-10-23',
92
"fill": "#FFA000"
93
}
94
]
95
},
96
{
97
"name": "Alex Peters",
98
"description": "Rider",
99
"activities": [
100
{
101
"name": "Japan Cup",
102
"start": '2016-10-23',
103
"end": '2016-10-23',
104
"fill": "#EF9A9A"
105
}
106
]
107
},
108
{
109
"name": "Ian Stannard",
110
"description": "Rider",
111
"activities": [
112
{
113
"name": "Paris - Tours",
114
"start": '2016-10-09',
115
"end": '2016-10-09',
116
"fill": ["#1A237E", "#FFFFFF", "#D50000"]
117
},
118
{
119
"name": "World Championships",
120
"start": '2016-10-16',
121
"end": '2016-10-16'
122
}
123
]
124
},
125
{
126
"name": "Lars Petter Nordhaug",
127
"description": "Rider",
128
"activities": [
129
{
130
"name": "Paris - Tours",
131
"start": '2016-10-09',
132
"end": '2016-10-09',
133
"fill": ["#1A237E", "#FFFFFF", "#D50000"]
134
},
135
{
136
"name": "Japan Cup",
137
"start": '2016-10-23',
138
"end": '2016-10-23',
139
"fill": "#EF9A9A"
140
}
141
]
142
},
143
{
144
"name": "Nicolas Roche",
145
"description": "Rider",
146
"activities": [
147
{
148
"name": "World Championships",
149
"start": '2016-10-09',
150
"end": '2016-10-09'
151
},
152
{
153
"name": "World Championships",
154
"start": '2016-10-12',
155
"end": '2016-10-12'
156
},
157
{
158
"name": "Abu Dhabi Tour",
159
"start": '2016-10-20',
160
"end": '2016-10-23',
161
"fill": "#FFA000"
162
}
163
]
164
},
165
{
166
"name": "Geraint Thomas",
167
"description": "Rider",
168
"activities": [
169
{
170
"name": "World Championships",
171
"start": '2016-10-09',
172
"end": '2016-10-09'
173
},
174
{
175
"name": "World Championships",
176
"start": '2016-10-16',
177
"end": '2016-10-16'
178
}
179
]
180
},
181
{
182
"name": "Danny van Poppel",
183
"description": "Rider",
184
"activities": [
185
{
186
"name": "World Championships",
187
"start": '2016-10-09',
188
"end": '2016-10-09'
189
},
190
{
191
"name": "World Championships",
192
"start": '2016-10-16',
193
"end": '2016-10-16'
194
},
195
{
196
"name": "Abu Dhabi Tour",
197
"start": '2016-10-20',
198
"end": '2016-10-23',
199
"fill": "#FFA000"
200
}
201
]
202
},
203
{
204
"name": "David Lopez",
205
"description": "Rider",
206
"activities": [
207
{
208
"name": "Japan Cup",
209
"start": '2016-10-23',
210
"end": '2016-10-23',
211
"fill": "#EF9A9A"
212
}
213
]
214
},
215
{
216
"name": "Xabier Zandio",
217
"description": "Rider",
218
"activities": [
219
{
220
"name": "Japan Cup",
221
"start": '2016-10-23',
222
"end": '2016-10-23',
223
"fill": "#EF9A9A"
224
}
225
]
226
}
227
];
228
}