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
// Set cell padding.9
chart.cellPadding(20);10
11
chart.container("container");12
chart.draw();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
}