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
var conflicts = chart.conflicts();
25
26
// Disable labels.
27
conflicts.labels(false);
28
29
chart.container("container");
30
chart.draw();
31
});
32
function getData() {
33
return [
34
{
35
"name": "Vasil Kiryienka",
36
"description": "Rider",
37
"activities": [
38
{
39
"name": "World Championships",
40
"start": '2016-10-12',
41
"end": '2016-10-12'
42
}
43
]
44
},
45
{
46
"name": "Elia Viviani",
47
"description": "Rider",
48
"activities": [
49
{
50
"name": "Paris - Tours",
51
"start": '2016-10-09',
52
"end": '2016-10-09',
53
"minutesPerDay": 200
54
},
55
{
56
"name": "World Championships",
57
"start": '2016-10-09',
58
"end": '2016-10-09',
59
"minutesPerDay": 300
60
},
61
{
62
"name": "World Championships",
63
"start": '2016-10-16',
64
"end": '2016-10-16'
65
},
66
{
67
"name": "Abu Dhabi Tour",
68
"start": '2016-10-20',
69
"end": '2016-10-23'
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
}
103
]
104
},
105
{
106
"name": "Alex Peters",
107
"description": "Rider",
108
"activities": [
109
{
110
"name": "Japan Cup",
111
"start": '2016-10-23',
112
"end": '2016-10-23'
113
}
114
]
115
},
116
{
117
"name": "Ian Stannard",
118
"description": "Rider",
119
"activities": [
120
{
121
"name": "Paris - Tours",
122
"start": '2016-10-09',
123
"end": '2016-10-09'
124
},
125
{
126
"name": "World Championships",
127
"start": '2016-10-16',
128
"end": '2016-10-16'
129
}
130
]
131
},
132
{
133
"name": "Lars Petter Nordhaug",
134
"description": "Rider",
135
"activities": [
136
{
137
"name": "Paris - Tours",
138
"start": '2016-10-09',
139
"end": '2016-10-09'
140
},
141
{
142
"name": "Japan Cup",
143
"start": '2016-10-23',
144
"end": '2016-10-23'
145
}
146
]
147
},
148
{
149
"name": "Nicolas Roche",
150
"description": "Rider",
151
"activities": [
152
{
153
"name": "World Championships",
154
"start": '2016-10-09',
155
"end": '2016-10-09'
156
},
157
{
158
"name": "World Championships",
159
"start": '2016-10-12',
160
"end": '2016-10-12'
161
},
162
{
163
"name": "Abu Dhabi Tour",
164
"start": '2016-10-20',
165
"end": '2016-10-23'
166
}
167
]
168
},
169
{
170
"name": "Geraint Thomas",
171
"description": "Rider",
172
"activities": [
173
{
174
"name": "World Championships",
175
"start": '2016-10-09',
176
"end": '2016-10-09'
177
},
178
{
179
"name": "World Championships",
180
"start": '2016-10-16',
181
"end": '2016-10-16'
182
}
183
]
184
},
185
{
186
"name": "Danny van Poppel",
187
"description": "Rider",
188
"activities": [
189
{
190
"name": "World Championships",
191
"start": '2016-10-09',
192
"end": '2016-10-09'
193
},
194
{
195
"name": "World Championships",
196
"start": '2016-10-16',
197
"end": '2016-10-16'
198
},
199
{
200
"name": "Abu Dhabi Tour",
201
"start": '2016-10-20',
202
"end": '2016-10-23'
203
}
204
]
205
},
206
{
207
"name": "David Lopez",
208
"description": "Rider",
209
"activities": [
210
{
211
"name": "Japan Cup",
212
"start": '2016-10-23',
213
"end": '2016-10-23'
214
}
215
]
216
},
217
{
218
"name": "Xabier Zandio",
219
"description": "Rider",
220
"activities": [
221
{
222
"name": "Japan Cup",
223
"start": '2016-10-23',
224
"end": '2016-10-23'
225
}
226
]
227
}
228
];
229
}