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 activities = chart.activities();9
10
// Set hatch fill.11
activities.hatchFill('forward-diagonal', '#BDBDBD', 0.6, 10);12
13
chart.title('Set hatch fill');14
chart.container('container');15
chart.draw();16
});17
function getData() {18
return [{19
name: 'Vasil Kiryienka',20
description: 'Rider',21
activities: [22
{23
name: 'World Championships',24
start: '2016-10-12',25
end: '2016-10-12'26
}27
]28
},29
{30
name: 'Elia Viviani',31
description: 'Rider',32
activities: [33
{34
name: 'Paris - Tours',35
start: '2016-10-09',36
end: '2016-10-09'37
},38
{39
name: 'World Championships',40
start: '2016-10-16',41
end: '2016-10-16'42
},43
{44
name: 'Abu Dhabi Tour',45
start: '2016-10-20',46
end: '2016-10-23'47
}48
]49
},50
{51
name: 'Ben Swift',52
description: 'Rider',53
activities: [54
{55
name: 'World Championships',56
start: '2016-10-09',57
end: '2016-10-09'58
},59
{60
name: 'World Championships',61
start: '2016-10-16',62
end: '2016-10-16'63
}64
]65
},66
{67
name: 'Michal Kwiatkowski',68
description: 'Rider',69
activities: [70
{71
name: 'World Championships',72
start: '2016-10-09',73
end: '2016-10-09'74
},75
{76
name: 'Abu Dhabi Tour',77
start: '2016-10-20',78
end: '2016-10-23'79
}80
]81
},82
{83
name: 'Alex Peters',84
description: 'Rider',85
activities: [86
{87
name: 'Japan Cup',88
start: '2016-10-23',89
end: '2016-10-23'90
}91
]92
},93
{94
name: 'Ian Stannard',95
description: 'Rider',96
activities: [97
{98
name: 'Paris - Tours',99
start: '2016-10-09',100
end: '2016-10-09'101
},102
{103
name: 'World Championships',104
start: '2016-10-16',105
end: '2016-10-16'106
}107
]108
},109
{110
name: 'Lars Petter Nordhaug',111
description: 'Rider',112
activities: [113
{114
name: 'Paris - Tours',115
start: '2016-10-09',116
end: '2016-10-09'117
},118
{119
name: 'Japan Cup',120
start: '2016-10-23',121
end: '2016-10-23'122
}123
]124
},125
{126
name: 'Nicolas Roche',127
description: 'Rider',128
activities: [129
{130
name: 'World Championships',131
start: '2016-10-09',132
end: '2016-10-09'133
},134
{135
name: 'World Championships',136
start: '2016-10-12',137
end: '2016-10-12'138
},139
{140
name: 'Abu Dhabi Tour',141
start: '2016-10-20',142
end: '2016-10-23'143
}144
]145
},146
{147
name: 'Geraint Thomas',148
description: 'Rider',149
activities: [150
{151
name: 'World Championships',152
start: '2016-10-09',153
end: '2016-10-09'154
},155
{156
name: 'World Championships',157
start: '2016-10-16',158
end: '2016-10-16'159
}160
]161
},162
{163
name: 'Danny van Poppel',164
description: 'Rider',165
activities: [166
{167
name: 'World Championships',168
start: '2016-10-09',169
end: '2016-10-09'170
},171
{172
name: 'World Championships',173
start: '2016-10-16',174
end: '2016-10-16'175
},176
{177
name: 'Abu Dhabi Tour',178
start: '2016-10-20',179
end: '2016-10-23'180
}181
]182
},183
{184
name: 'David Lopez',185
description: 'Rider',186
activities: [187
{188
name: 'Japan Cup',189
start: '2016-10-23',190
end: '2016-10-23'191
}192
]193
},194
{195
name: 'Xabier Zandio',196
description: 'Rider',197
activities: [198
{199
name: 'Japan Cup',200
start: '2016-10-23',201
end: '2016-10-23'202
}203
]204
}205
]206
}