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
}