Iframe
HTML with links
ZIP with files
Column Chart
Geo Map
Line Chart
Pie Chart
Stock Chart
From scratchHTMLcopy
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
// Get calendar.9
var customCalendar = chart.calendar();10
11
customCalendar.availabilities([12
{13
'each': 'day',14
'from': 10,15
'to': 16,16
'isWorking': true17
},18
{19
'each': 'day',20
'from': 12,21
'to': 13,22
'isWorking': false23
}24
]);25
26
chart.title('Get and modify calendar');27
chart.container('container');28
chart.draw();29
});30
31
function getData() {32
return [33
{34
name: 'Vasil Kiryienka',35
description: 'Rider',36
activities: [37
{38
name: 'World Championships',39
start: '2016-10-12',40
end: '2016-10-12'41
}42
]43
},44
{45
name: 'Elia Viviani',46
description: 'Rider',47
activities: [48
{49
name: 'Paris - Tours',50
start: '2016-10-09',51
end: '2016-10-09',52
fill: ['#1A237E', '#FFFFFF', '#D50000'],53
minutesPerDay: 30054
},55
{56
name: 'World Championships',57
start: '2016-10-16',58
end: '2016-10-16',59
minutesPerDay: 34060
},61
{62
name: 'Abu Dhabi Tour',63
start: '2016-10-20',64
end: '2016-10-23',65
fill: '#FFA000',66
minutesPerDay: 74767
}68
]69
},70
{71
name: 'Ben Swift',72
description: 'Rider',73
activities: [74
{75
name: 'World Championships',76
start: '2016-10-09',77
end: '2016-10-09'78
},79
{80
name: 'World Championships',81
start: '2016-10-16',82
end: '2016-10-16',83
minutesPerDay: 34084
}85
]86
},87
{88
name: 'Michal Kwiatkowski',89
description: 'Rider',90
activities: [91
{92
name: 'World Championships',93
start: '2016-10-09',94
end: '2016-10-09'95
},96
{97
name: 'Abu Dhabi Tour',98
start: '2016-10-20',99
end: '2016-10-23',100
fill: '#FFA000',101
minutesPerDay: 747102
}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
fill: '#EF9A9A',114
minutesPerDay: 300115
}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
minutesPerDay: 300128
},129
{130
name: 'World Championships',131
start: '2016-10-16',132
end: '2016-10-16',133
minutesPerDay: 340134
}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
minutesPerDay: 300147
},148
{149
name: 'Japan Cup',150
start: '2016-10-23',151
end: '2016-10-23',152
fill: '#EF9A9A',153
minutesPerDay: 300154
}155
]156
},157
{158
name: 'Nicolas Roche',159
description: 'Rider',160
activities: [161
{162
name: 'World Championships',163
start: '2016-10-09',164
end: '2016-10-09'165
},166
{167
name: 'World Championships',168
start: '2016-10-12',169
end: '2016-10-12'170
},171
{172
name: 'Abu Dhabi Tour',173
start: '2016-10-20',174
end: '2016-10-23',175
fill: '#FFA000',176
minutesPerDay: 747177
}178
]179
},180
{181
name: 'Geraint Thomas',182
description: 'Rider',183
activities: [184
{185
name: 'World Championships',186
start: '2016-10-09',187
end: '2016-10-09'188
},189
{190
name: 'World Championships',191
start: '2016-10-16',192
end: '2016-10-16',193
minutesPerDay: 340194
}195
]196
},197
{198
name: 'Danny van Poppel',199
description: 'Rider',200
activities: [201
{202
name: 'World Championships',203
start: '2016-10-09',204
end: '2016-10-09'205
},206
{207
name: 'World Championships',208
start: '2016-10-16',209
end: '2016-10-16',210
minutesPerDay: 340211
},212
{213
name: 'Abu Dhabi Tour',214
start: '2016-10-20',215
end: '2016-10-23',216
fill: '#FFA000',217
minutesPerDay: 747218
}219
]220
},221
{222
name: 'David Lopez',223
description: 'Rider',224
activities: [225
{226
name: 'Japan Cup',227
start: '2016-10-23',228
end: '2016-10-23',229
fill: '#EF9A9A',230
minutesPerDay: 300231
}232
]233
},234
{235
name: 'Xabier Zandio',236
description: 'Rider',237
activities: [238
{239
name: 'Japan Cup',240
start: '2016-10-23',241
end: '2016-10-23',242
fill: '#EF9A9A',243
minutesPerDay: 300244
}245
]246
}247
];248
}