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