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