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 stage = anychart.graphics.create('container');3
4
var pattern = stage.pattern(new anychart.graphics.math.Rect(0, 0, 20, 20));5
pattern.star5(11, 7, 8).stroke('#fffaf0 0.3');6
7
var data = getData();8
9
var chart = anychart.resource();10
chart.zoomLevel(1);11
chart.data(data);12
13
var activities = chart.activities();14
15
// Set hatch fill.16
activities.hatchFill(pattern);17
18
chart.title('Set hatch fill parameter as a pattern');19
chart.container(stage);20
chart.draw();21
});22
23
function getData() {24
return [{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
}