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('activity-per-chart');10
11
chart.title('Set time tracking mode');12
chart.container('container');13
chart.draw();14
});15
16
function getData() {17
return [18
{19
name: 'Vasil Kiryienka',20
description: 'Rider',21
activities: [22
{23
name: 'World Championships',24
start: '2016-10-12',25
end: '2016-10-12'26
}27
]28
},29
{30
name: 'Elia Viviani',31
description: 'Rider',32
activities: [33
{34
name: 'Paris - Tours',35
start: '2016-10-09',36
end: '2016-10-09',37
fill: ['#1A237E', '#FFFFFF', '#D50000'],38
minutesPerDay: 30039
},40
{41
name: 'World Championships',42
start: '2016-10-16',43
end: '2016-10-16',44
minutesPerDay: 34045
},46
{47
name: 'Abu Dhabi Tour',48
start: '2016-10-20',49
end: '2016-10-23',50
fill: '#FFA000',51
minutesPerDay: 74752
}53
]54
},55
{56
name: 'Ben Swift',57
description: 'Rider',58
activities: [59
{60
name: 'World Championships',61
start: '2016-10-09',62
end: '2016-10-09'63
},64
{65
name: 'World Championships',66
start: '2016-10-16',67
end: '2016-10-16',68
minutesPerDay: 34069
}70
]71
},72
{73
name: 'Michal Kwiatkowski',74
description: 'Rider',75
activities: [76
{77
name: 'World Championships',78
start: '2016-10-09',79
end: '2016-10-09'80
},81
{82
name: 'Abu Dhabi Tour',83
start: '2016-10-20',84
end: '2016-10-23',85
fill: '#FFA000',86
minutesPerDay: 74787
}88
]89
},90
{91
name: 'Alex Peters',92
description: 'Rider',93
activities: [94
{95
name: 'Japan Cup',96
start: '2016-10-23',97
end: '2016-10-23',98
fill: '#EF9A9A',99
minutesPerDay: 300100
}101
]102
},103
{104
name: 'Ian Stannard',105
description: 'Rider',106
activities: [107
{108
name: 'Paris - Tours',109
start: '2016-10-09',110
end: '2016-10-09',111
fill: ['#1A237E', '#FFFFFF', '#D50000'],112
minutesPerDay: 300113
},114
{115
name: 'World Championships',116
start: '2016-10-16',117
end: '2016-10-16',118
minutesPerDay: 340119
}120
]121
},122
{123
name: 'Lars Petter Nordhaug',124
description: 'Rider',125
activities: [126
{127
name: 'Paris - Tours',128
start: '2016-10-09',129
end: '2016-10-09',130
fill: ['#1A237E', '#FFFFFF', '#D50000'],131
minutesPerDay: 300132
},133
{134
name: 'Japan Cup',135
start: '2016-10-23',136
end: '2016-10-23',137
fill: '#EF9A9A',138
minutesPerDay: 300139
}140
]141
},142
{143
name: 'Nicolas Roche',144
description: 'Rider',145
activities: [146
{147
name: 'World Championships',148
start: '2016-10-09',149
end: '2016-10-09'150
},151
{152
name: 'World Championships',153
start: '2016-10-12',154
end: '2016-10-12'155
},156
{157
name: 'Abu Dhabi Tour',158
start: '2016-10-20',159
end: '2016-10-23',160
fill: '#FFA000',161
minutesPerDay: 747162
}163
]164
},165
{166
name: 'Geraint Thomas',167
description: 'Rider',168
activities: [169
{170
name: 'World Championships',171
start: '2016-10-09',172
end: '2016-10-09'173
},174
{175
name: 'World Championships',176
start: '2016-10-16',177
end: '2016-10-16',178
minutesPerDay: 340179
}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
minutesPerDay: 340196
},197
{198
name: 'Abu Dhabi Tour',199
start: '2016-10-20',200
end: '2016-10-23',201
fill: '#FFA000',202
minutesPerDay: 747203
}204
]205
},206
{207
name: 'David Lopez',208
description: 'Rider',209
activities: [210
{211
name: 'Japan Cup',212
start: '2016-10-23',213
end: '2016-10-23',214
fill: '#EF9A9A',215
minutesPerDay: 300216
}217
]218
},219
{220
name: 'Xabier Zandio',221
description: 'Rider',222
activities: [223
{224
name: 'Japan Cup',225
start: '2016-10-23',226
end: '2016-10-23',227
fill: '#EF9A9A',228
minutesPerDay: 300229
}230
]231
}232
];233
}