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