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).zoomLevel(1);6
chart.padding('7%');7
8
// Get background.9
var background = chart.background();10
11
background.stroke('2 rgb(36,102,177)');12
background.corners(10);13
background.fill({14
keys: [15
'#FFECB3 0.2',16
'#FFE082',17
'#FFECB3 0.2'18
],19
angle: -9020
});21
22
chart.title('Get and modify background');23
chart.container('container');24
chart.draw();25
});26
27
function getData() {28
return [29
{30
name: 'Vasil Kiryienka',31
description: 'Rider',32
activities: [33
{34
name: 'World Championships',35
start: '2016-10-12',36
end: '2016-10-12'37
}38
]39
},40
{41
name: 'Elia Viviani',42
description: 'Rider',43
activities: [44
{45
name: 'Paris - Tours',46
start: '2016-10-09',47
end: '2016-10-09',48
fill: ['#1A237E', '#FFFFFF', '#D50000']49
},50
{51
name: 'World Championships',52
start: '2016-10-16',53
end: '2016-10-16'54
},55
{56
name: 'Abu Dhabi Tour',57
start: '2016-10-20',58
end: '2016-10-23',59
fill: '#FFA000'60
}61
]62
},63
{64
name: 'Ben Swift',65
description: 'Rider',66
activities: [67
{68
name: 'World Championships',69
start: '2016-10-09',70
end: '2016-10-09'71
},72
{73
name: 'World Championships',74
start: '2016-10-16',75
end: '2016-10-16'76
}77
]78
},79
{80
name: 'Michal Kwiatkowski',81
description: 'Rider',82
activities: [83
{84
name: 'World Championships',85
start: '2016-10-09',86
end: '2016-10-09'87
},88
{89
name: 'Abu Dhabi Tour',90
start: '2016-10-20',91
end: '2016-10-23',92
fill: '#FFA000'93
}94
]95
},96
{97
name: 'Alex Peters',98
description: 'Rider',99
activities: [100
{101
name: 'Japan Cup',102
start: '2016-10-23',103
end: '2016-10-23',104
fill: '#EF9A9A'105
}106
]107
},108
{109
name: 'Ian Stannard',110
description: 'Rider',111
activities: [112
{113
name: 'Paris - Tours',114
start: '2016-10-09',115
end: '2016-10-09',116
fill: ['#1A237E', '#FFFFFF', '#D50000']117
},118
{119
name: 'World Championships',120
start: '2016-10-16',121
end: '2016-10-16'122
}123
]124
},125
{126
name: 'Lars Petter Nordhaug',127
description: 'Rider',128
activities: [129
{130
name: 'Paris - Tours',131
start: '2016-10-09',132
end: '2016-10-09',133
fill: ['#1A237E', '#FFFFFF', '#D50000']134
},135
{136
name: 'Japan Cup',137
start: '2016-10-23',138
end: '2016-10-23',139
fill: '#EF9A9A'140
}141
]142
},143
{144
name: 'Nicolas Roche',145
description: 'Rider',146
activities: [147
{148
name: 'World Championships',149
start: '2016-10-09',150
end: '2016-10-09'151
},152
{153
name: 'World Championships',154
start: '2016-10-12',155
end: '2016-10-12'156
},157
{158
name: 'Abu Dhabi Tour',159
start: '2016-10-20',160
end: '2016-10-23',161
fill: '#FFA000'162
}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
}179
]180
},181
{182
name: 'Danny van Poppel',183
description: 'Rider',184
activities: [185
{186
name: 'World Championships',187
start: '2016-10-09',188
end: '2016-10-09'189
},190
{191
name: 'World Championships',192
start: '2016-10-16',193
end: '2016-10-16'194
},195
{196
name: 'Abu Dhabi Tour',197
start: '2016-10-20',198
end: '2016-10-23',199
fill: '#FFA000'200
}201
]202
},203
{204
name: 'David Lopez',205
description: 'Rider',206
activities: [207
{208
name: 'Japan Cup',209
start: '2016-10-23',210
end: '2016-10-23',211
fill: '#EF9A9A'212
}213
]214
},215
{216
name: 'Xabier Zandio',217
description: 'Rider',218
activities: [219
{220
name: 'Japan Cup',221
start: '2016-10-23',222
end: '2016-10-23',223
fill: '#EF9A9A'224
}225
]226
}227
];228
}