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 levels.8
chart.zoomLevels([9
{10
'id': 'days',11
'levels': [12
{13
'unit': 'day',14
'count': 115
},16
{17
'unit': 'week',18
'count': 219
}20
],21
'unitPixSize': 7022
}23
]);24
25
chart.container("container");26
chart.draw();27
});28
function getData() {29
return [30
{31
"name": "Vasil Kiryienka",32
"description": "Rider",33
"activities": [34
{35
"name": "World Championships",36
"start": '2016-10-12',37
"end": '2016-10-12'38
}39
]40
},41
{42
"name": "Elia Viviani",43
"description": "Rider",44
"activities": [45
{46
"name": "Paris - Tours",47
"start": '2016-10-09',48
"end": '2016-10-09',49
"fill": ["#1A237E", "#FFFFFF", "#D50000"]50
},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
}