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