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
// Creates Resource chart.5
var chart = anychart.resource(data);6
7
chart.zoomLevel(1);8
9
chart.title('Create a Resource chart');10
chart.container('container');11
chart.draw();12
});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
},36
{37
name: 'World Championships',38
start: '2016-10-16',39
end: '2016-10-16'40
},41
{42
name: 'Abu Dhabi Tour',43
start: '2016-10-20',44
end: '2016-10-23'45
}46
]47
},48
{49
name: 'Ben Swift',50
description: 'Rider',51
activities: [52
{53
name: 'World Championships',54
start: '2016-10-09',55
end: '2016-10-09'56
},57
{58
name: 'World Championships',59
start: '2016-10-16',60
end: '2016-10-16'61
}62
]63
},64
{65
name: 'Michal Kwiatkowski',66
description: 'Rider',67
activities: [68
{69
name: 'World Championships',70
start: '2016-10-09',71
end: '2016-10-09'72
},73
{74
name: 'Abu Dhabi Tour',75
start: '2016-10-20',76
end: '2016-10-23'77
}78
]79
},80
{81
name: 'Alex Peters',82
description: 'Rider',83
activities: [84
{85
name: 'Japan Cup',86
start: '2016-10-23',87
end: '2016-10-23'88
}89
]90
},91
{92
name: 'Ian Stannard',93
description: 'Rider',94
activities: [95
{96
name: 'Paris - Tours',97
start: '2016-10-09',98
end: '2016-10-09'99
},100
{101
name: 'World Championships',102
start: '2016-10-16',103
end: '2016-10-16'104
}105
]106
},107
{108
name: 'Lars Petter Nordhaug',109
description: 'Rider',110
activities: [111
{112
name: 'Paris - Tours',113
start: '2016-10-09',114
end: '2016-10-09'115
},116
{117
name: 'Japan Cup',118
start: '2016-10-23',119
end: '2016-10-23'120
}121
]122
},123
{124
name: 'Nicolas Roche',125
description: 'Rider',126
activities: [127
{128
name: 'World Championships',129
start: '2016-10-09',130
end: '2016-10-09'131
},132
{133
name: 'World Championships',134
start: '2016-10-12',135
end: '2016-10-12'136
},137
{138
name: 'Abu Dhabi Tour',139
start: '2016-10-20',140
end: '2016-10-23',141
}142
]143
},144
{145
name: 'Geraint Thomas',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-16',156
end: '2016-10-16'157
}158
]159
},160
{161
name: 'Danny van Poppel',162
description: 'Rider',163
activities: [164
{165
name: 'World Championships',166
start: '2016-10-09',167
end: '2016-10-09'168
},169
{170
name: 'World Championships',171
start: '2016-10-16',172
end: '2016-10-16'173
},174
{175
name: 'Abu Dhabi Tour',176
start: '2016-10-20',177
end: '2016-10-23'178
}179
]180
},181
{182
name: 'David Lopez',183
description: 'Rider',184
activities: [185
{186
name: 'Japan Cup',187
start: '2016-10-23',188
end: '2016-10-23'189
}190
]191
},192
{193
name: 'Xabier Zandio',194
description: 'Rider',195
activities: [196
{197
name: 'Japan Cup',198
start: '2016-10-23',199
end: '2016-10-23'200
}201
]202
}203
];204
}