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 customCalendar = chart.calendar();9
customCalendar.availabilities([10
{11
'each': 'day',12
'from': 10,13
'to': 18,14
'isWorking': true15
},16
{17
'each': 'day',18
'from': 14,19
'to': 15,20
'isWorking': false21
}22
]);23
24
25
var conflicts = chart.conflicts();26
27
// Set stroke.28
conflicts.stroke(function () {29
return anychart.color.darken(this.sourceColor)30
});31
32
chart.title('Set stroke parameter as a function');33
chart.container('container');34
chart.draw();35
});36
function getData() {37
return [38
{39
name: 'Vasil Kiryienka',40
description: 'Rider',41
activities: [42
{43
name: 'World Championships',44
start: '2016-10-12',45
end: '2016-10-12'46
}47
]48
},49
{50
name: 'Elia Viviani',51
description: 'Rider',52
activities: [53
{54
name: 'Paris - Tours',55
start: '2016-10-09',56
end: '2016-10-09',57
minutesPerDay: 20058
},59
{60
name: 'World Championships',61
start: '2016-10-09',62
end: '2016-10-09',63
minutesPerDay: 30064
},65
{66
name: 'World Championships',67
start: '2016-10-16',68
end: '2016-10-16'69
},70
{71
name: 'Abu Dhabi Tour',72
start: '2016-10-20',73
end: '2016-10-23'74
}75
]76
},77
{78
name: 'Ben Swift',79
description: 'Rider',80
activities: [81
{82
name: 'World Championships',83
start: '2016-10-09',84
end: '2016-10-09'85
},86
{87
name: 'World Championships',88
start: '2016-10-16',89
end: '2016-10-16'90
}91
]92
},93
{94
name: 'Michal Kwiatkowski',95
description: 'Rider',96
activities: [97
{98
name: 'World Championships',99
start: '2016-10-09',100
end: '2016-10-09'101
},102
{103
name: 'Abu Dhabi Tour',104
start: '2016-10-20',105
end: '2016-10-23'106
}107
]108
},109
{110
name: 'Alex Peters',111
description: 'Rider',112
activities: [113
{114
name: 'Japan Cup',115
start: '2016-10-23',116
end: '2016-10-23'117
}118
]119
},120
{121
name: 'Ian Stannard',122
description: 'Rider',123
activities: [124
{125
name: 'Paris - Tours',126
start: '2016-10-09',127
end: '2016-10-09'128
},129
{130
name: 'World Championships',131
start: '2016-10-16',132
end: '2016-10-16'133
}134
]135
},136
{137
name: 'Lars Petter Nordhaug',138
description: 'Rider',139
activities: [140
{141
name: 'Paris - Tours',142
start: '2016-10-09',143
end: '2016-10-09'144
},145
{146
name: 'Japan Cup',147
start: '2016-10-23',148
end: '2016-10-23'149
}150
]151
},152
{153
name: 'Nicolas Roche',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-12',164
end: '2016-10-12'165
},166
{167
name: 'Abu Dhabi Tour',168
start: '2016-10-20',169
end: '2016-10-23'170
}171
]172
},173
{174
name: 'Geraint Thomas',175
description: 'Rider',176
activities: [177
{178
name: 'World Championships',179
start: '2016-10-09',180
end: '2016-10-09'181
},182
{183
name: 'World Championships',184
start: '2016-10-16',185
end: '2016-10-16'186
}187
]188
},189
{190
name: 'Danny van Poppel',191
description: 'Rider',192
activities: [193
{194
name: 'World Championships',195
start: '2016-10-09',196
end: '2016-10-09'197
},198
{199
name: 'World Championships',200
start: '2016-10-16',201
end: '2016-10-16'202
},203
{204
name: 'Abu Dhabi Tour',205
start: '2016-10-20',206
end: '2016-10-23'207
}208
]209
},210
{211
name: 'David Lopez',212
description: 'Rider',213
activities: [214
{215
name: 'Japan Cup',216
start: '2016-10-23',217
end: '2016-10-23'218
}219
]220
},221
{222
name: 'Xabier Zandio',223
description: 'Rider',224
activities: [225
{226
name: 'Japan Cup',227
start: '2016-10-23',228
end: '2016-10-23'229
}230
]231
}232
];233
}