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