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
var timeLine = chart.timeLine();9
10
var timeLineHolidays = timeLine.holidays();11
12
// Set fill color.13
timeLineHolidays.fill({14
src: "https://static.anychart.com/images/underwater.jpg",15
mode: "stretch",16
opacity: 0.317
});18
19
chart.container("container");20
chart.draw();21
});22
function getData() {23
return [24
{25
"name": "Vasil Kiryienka",26
"description": "Rider",27
"activities": [28
{29
"name": "World Championships",30
"start": '2016-10-12',31
"end": '2016-10-12'32
}33
]34
},35
{36
"name": "Elia Viviani",37
"description": "Rider",38
"activities": [39
{40
"name": "Paris - Tours",41
"start": '2016-10-09',42
"end": '2016-10-09'43
},44
{45
"name": "World Championships",46
"start": '2016-10-16',47
"end": '2016-10-16'48
},49
{50
"name": "Abu Dhabi Tour",51
"start": '2016-10-20',52
"end": '2016-10-23'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
}86
]87
},88
{89
"name": "Alex Peters",90
"description": "Rider",91
"activities": [92
{93
"name": "Japan Cup",94
"start": '2016-10-23',95
"end": '2016-10-23'96
}97
]98
},99
{100
"name": "Ian Stannard",101
"description": "Rider",102
"activities": [103
{104
"name": "Paris - Tours",105
"start": '2016-10-09',106
"end": '2016-10-09'107
},108
{109
"name": "World Championships",110
"start": '2016-10-16',111
"end": '2016-10-16'112
}113
]114
},115
{116
"name": "Lars Petter Nordhaug",117
"description": "Rider",118
"activities": [119
{120
"name": "Paris - Tours",121
"start": '2016-10-09',122
"end": '2016-10-09'123
},124
{125
"name": "Japan Cup",126
"start": '2016-10-23',127
"end": '2016-10-23'128
}129
]130
},131
{132
"name": "Nicolas Roche",133
"description": "Rider",134
"activities": [135
{136
"name": "World Championships",137
"start": '2016-10-09',138
"end": '2016-10-09'139
},140
{141
"name": "World Championships",142
"start": '2016-10-12',143
"end": '2016-10-12'144
},145
{146
"name": "Abu Dhabi Tour",147
"start": '2016-10-20',148
"end": '2016-10-23'149
}150
]151
},152
{153
"name": "Geraint Thomas",154
"description": "Rider",155
"activities": [156
{157
"name": "World Championships",158
"start": '2016-10-09',159
"end": '2016-10-09'160
},161
{162
"name": "World Championships",163
"start": '2016-10-16',164
"end": '2016-10-16'165
}166
]167
},168
{169
"name": "Danny van Poppel",170
"description": "Rider",171
"activities": [172
{173
"name": "World Championships",174
"start": '2016-10-09',175
"end": '2016-10-09'176
},177
{178
"name": "World Championships",179
"start": '2016-10-16',180
"end": '2016-10-16'181
},182
{183
"name": "Abu Dhabi Tour",184
"start": '2016-10-20',185
"end": '2016-10-23'186
}187
]188
},189
{190
"name": "David Lopez",191
"description": "Rider",192
"activities": [193
{194
"name": "Japan Cup",195
"start": '2016-10-23',196
"end": '2016-10-23'197
}198
]199
},200
{201
"name": "Xabier Zandio",202
"description": "Rider",203
"activities": [204
{205
"name": "Japan Cup",206
"start": '2016-10-23',207
"end": '2016-10-23'208
}209
]210
}211
];212
}