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 time tracking mode.9
chart.timeTrackingMode(anychart.enums.TimeTrackingMode.AVAILABILITY_PER_CHART);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
"minutesPerDay": 30037
},38
{39
"name": "World Championships",40
"start": '2016-10-16',41
"end": '2016-10-16',42
"minutesPerDay": 34043
},44
{45
"name": "Abu Dhabi Tour",46
"start": '2016-10-20',47
"end": '2016-10-23',48
"fill": "#FFA000",49
"minutesPerDay": 74750
}51
]52
},53
{54
"name": "Ben Swift",55
"description": "Rider",56
"activities": [57
{58
"name": "World Championships",59
"start": '2016-10-09',60
"end": '2016-10-09'61
},62
{63
"name": "World Championships",64
"start": '2016-10-16',65
"end": '2016-10-16',66
"minutesPerDay": 34067
}68
]69
},70
{71
"name": "Michal Kwiatkowski",72
"description": "Rider",73
"activities": [74
{75
"name": "World Championships",76
"start": '2016-10-09',77
"end": '2016-10-09'78
},79
{80
"name": "Abu Dhabi Tour",81
"start": '2016-10-20',82
"end": '2016-10-23',83
"fill": "#FFA000",84
"minutesPerDay": 74785
}86
]87
},88
{89
"name": "Alex Peters",90
"description": "Rider",91
"activities": [92
{93
"name": "Japan Cup",94
"start": '2016-10-23',95
"end": '2016-10-23',96
"fill": "#EF9A9A",97
"minutesPerDay": 30098
}99
]100
},101
{102
"name": "Ian Stannard",103
"description": "Rider",104
"activities": [105
{106
"name": "Paris - Tours",107
"start": '2016-10-09',108
"end": '2016-10-09',109
"fill": ["#1A237E", "#FFFFFF", "#D50000"],110
"minutesPerDay": 300111
},112
{113
"name": "World Championships",114
"start": '2016-10-16',115
"end": '2016-10-16',116
"minutesPerDay": 340117
}118
]119
},120
{121
"name": "Lars Petter Nordhaug",122
"description": "Rider",123
"activities": [124
{125
"name": "Paris - Tours",126
"start": '2016-10-09',127
"end": '2016-10-09',128
"fill": ["#1A237E", "#FFFFFF", "#D50000"],129
"minutesPerDay": 300130
},131
{132
"name": "Japan Cup",133
"start": '2016-10-23',134
"end": '2016-10-23',135
"fill": "#EF9A9A",136
"minutesPerDay": 300137
}138
]139
},140
{141
"name": "Nicolas Roche",142
"description": "Rider",143
"activities": [144
{145
"name": "World Championships",146
"start": '2016-10-09',147
"end": '2016-10-09'148
},149
{150
"name": "World Championships",151
"start": '2016-10-12',152
"end": '2016-10-12'153
},154
{155
"name": "Abu Dhabi Tour",156
"start": '2016-10-20',157
"end": '2016-10-23',158
"fill": "#FFA000",159
"minutesPerDay": 747160
}161
]162
},163
{164
"name": "Geraint Thomas",165
"description": "Rider",166
"activities": [167
{168
"name": "World Championships",169
"start": '2016-10-09',170
"end": '2016-10-09'171
},172
{173
"name": "World Championships",174
"start": '2016-10-16',175
"end": '2016-10-16',176
"minutesPerDay": 340177
}178
]179
},180
{181
"name": "Danny van Poppel",182
"description": "Rider",183
"activities": [184
{185
"name": "World Championships",186
"start": '2016-10-09',187
"end": '2016-10-09'188
},189
{190
"name": "World Championships",191
"start": '2016-10-16',192
"end": '2016-10-16',193
"minutesPerDay": 340194
},195
{196
"name": "Abu Dhabi Tour",197
"start": '2016-10-20',198
"end": '2016-10-23',199
"fill": "#FFA000",200
"minutesPerDay": 747201
}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
"minutesPerDay": 300214
}215
]216
},217
{218
"name": "Xabier Zandio",219
"description": "Rider",220
"activities": [221
{222
"name": "Japan Cup",223
"start": '2016-10-23',224
"end": '2016-10-23',225
"fill": "#EF9A9A",226
"minutesPerDay": 300227
}228
]229
}230
];231
}