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
// Get conflicts.
25
var conflicts = chart.conflicts();
26
27
conflicts.height(30);
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
"fill": ["#1A237E", "#FFFFFF", "#D50000"],
54
"minutesPerDay": 200
55
},
56
{
57
"name": "World Championships",
58
"start": '2016-10-09',
59
"end": '2016-10-09',
60
"minutesPerDay": 300
61
},
62
{
63
"name": "World Championships",
64
"start": '2016-10-16',
65
"end": '2016-10-16'
66
},
67
{
68
"name": "Abu Dhabi Tour",
69
"start": '2016-10-20',
70
"end": '2016-10-23',
71
"fill": "#FFA000"
72
}
73
]
74
},
75
{
76
"name": "Ben Swift",
77
"description": "Rider",
78
"activities": [
79
{
80
"name": "World Championships",
81
"start": '2016-10-09',
82
"end": '2016-10-09'
83
},
84
{
85
"name": "World Championships",
86
"start": '2016-10-16',
87
"end": '2016-10-16'
88
}
89
]
90
},
91
{
92
"name": "Michal Kwiatkowski",
93
"description": "Rider",
94
"activities": [
95
{
96
"name": "World Championships",
97
"start": '2016-10-09',
98
"end": '2016-10-09'
99
},
100
{
101
"name": "Abu Dhabi Tour",
102
"start": '2016-10-20',
103
"end": '2016-10-23',
104
"fill": "#FFA000"
105
}
106
]
107
},
108
{
109
"name": "Alex Peters",
110
"description": "Rider",
111
"activities": [
112
{
113
"name": "Japan Cup",
114
"start": '2016-10-23',
115
"end": '2016-10-23',
116
"fill": "#EF9A9A"
117
}
118
]
119
},
120
{
121
"name": "Ian Stannard",
122
"description": "Rider",
123
"activities": [
124
{
125
"name": "Paris - Tours",
126
"start": '2016-10-09',
127
"end": '2016-10-09',
128
"fill": ["#1A237E", "#FFFFFF", "#D50000"]
129
},
130
{
131
"name": "World Championships",
132
"start": '2016-10-16',
133
"end": '2016-10-16'
134
}
135
]
136
},
137
{
138
"name": "Lars Petter Nordhaug",
139
"description": "Rider",
140
"activities": [
141
{
142
"name": "Paris - Tours",
143
"start": '2016-10-09',
144
"end": '2016-10-09',
145
"fill": ["#1A237E", "#FFFFFF", "#D50000"]
146
},
147
{
148
"name": "Japan Cup",
149
"start": '2016-10-23',
150
"end": '2016-10-23',
151
"fill": "#EF9A9A"
152
}
153
]
154
},
155
{
156
"name": "Nicolas Roche",
157
"description": "Rider",
158
"activities": [
159
{
160
"name": "World Championships",
161
"start": '2016-10-09',
162
"end": '2016-10-09'
163
},
164
{
165
"name": "World Championships",
166
"start": '2016-10-12',
167
"end": '2016-10-12'
168
},
169
{
170
"name": "Abu Dhabi Tour",
171
"start": '2016-10-20',
172
"end": '2016-10-23',
173
"fill": "#FFA000"
174
}
175
]
176
},
177
{
178
"name": "Geraint Thomas",
179
"description": "Rider",
180
"activities": [
181
{
182
"name": "World Championships",
183
"start": '2016-10-09',
184
"end": '2016-10-09'
185
},
186
{
187
"name": "World Championships",
188
"start": '2016-10-16',
189
"end": '2016-10-16'
190
}
191
]
192
},
193
{
194
"name": "Danny van Poppel",
195
"description": "Rider",
196
"activities": [
197
{
198
"name": "World Championships",
199
"start": '2016-10-09',
200
"end": '2016-10-09'
201
},
202
{
203
"name": "World Championships",
204
"start": '2016-10-16',
205
"end": '2016-10-16'
206
},
207
{
208
"name": "Abu Dhabi Tour",
209
"start": '2016-10-20',
210
"end": '2016-10-23',
211
"fill": "#FFA000"
212
}
213
]
214
},
215
{
216
"name": "David Lopez",
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
"name": "Xabier Zandio",
229
"description": "Rider",
230
"activities": [
231
{
232
"name": "Japan Cup",
233
"start": '2016-10-23',
234
"end": '2016-10-23',
235
"fill": "#EF9A9A"
236
}
237
]
238
}
239
];
240
}