HTMLcopy
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
3
// chart type
4
var chart = anychart.scatter();
5
6
// data
7
var dataSet = anychart.data.set([
8
[4.4, 78],
9
[3.9, 74],
10
[4, 68],
11
[4, 76],
12
[3.5, 80],
13
[4.1, 84],
14
[2.3, 50],
15
[4.7, 93],
16
[1.7, 55],
17
[4.9, 76],
18
[1.7, 58],
19
[4.6, 74],
20
[3.4, 75],
21
[4.3, 80],
22
[1.7, 56],
23
[3.9, 80],
24
[3.7, 69],
25
[3.1, 57],
26
[4, 90],
27
[1.8, 42],
28
[4.1, 91],
29
[1.8, 51],
30
[3.2, 79],
31
[1.9, 53],
32
[4.6, 82],
33
[2, 51],
34
[4.5, 76],
35
[3.9, 82],
36
[4.3, 84],
37
[2.3, 53],
38
[3.8, 86],
39
[1.9, 51],
40
[4.6, 85],
41
[1.8, 45],
42
[4.7, 88],
43
[1.8, 51],
44
[4.6, 80],
45
[1.9, 49],
46
[3.5, 82],
47
[4, 75],
48
[3.7, 73],
49
[3.7, 67],
50
[4.3, 68],
51
[3.6, 86],
52
[3.8, 72],
53
[3.8, 75],
54
[3.8, 75],
55
[2.5, 66],
56
[4.5, 84],
57
[4.1, 70],
58
[3.7, 79],
59
[3.8, 60],
60
[3.4, 86],
61
[4, 71],
62
[2.3, 67],
63
[4.4, 81],
64
[4.1, 76],
65
[4.3, 83],
66
[3.3, 76],
67
[2, 55],
68
[4.3, 73],
69
[2.9, 56],
70
[4.6, 83],
71
[1.9, 57],
72
[3.6, 71],
73
[3.7, 72],
74
[3.7, 77],
75
[1.8, 55],
76
[4.6, 75],
77
[3.5, 73],
78
[4, 70],
79
[3.7, 83],
80
[1.7, 50],
81
[4.6, 95],
82
[1.7, 51],
83
[4, 82],
84
[1.8, 54],
85
[4.4, 83],
86
[1.9, 51],
87
[4.6, 80],
88
[2.9, 78],
89
[3.5, 81],
90
[2, 53],
91
[4.3, 89],
92
[1.8, 44],
93
[4.1, 78],
94
[1.8, 61],
95
[4.7, 73],
96
[4.2, 75],
97
[3.9, 73],
98
[4.3, 76],
99
[1.8, 55],
100
[4.5, 86],
101
[2, 48],
102
[4.2, 77],
103
[4.4, 73],
104
[4.1, 70],
105
[4.1, 88],
106
[4, 75],
107
[4.1, 83],
108
[2.7, 61],
109
[4.6, 78],
110
[1.9, 61],
111
[4.5, 81],
112
[2, 51],
113
[4.8, 80],
114
[4.1, 79],
115
[4.1, 82],
116
[4.2, 80],
117
[4.5, 76],
118
[1.9, 56],
119
[4.7, 82],
120
[2, 47],
121
[4.7, 76],
122
[2.5, 61],
123
[4.3, 75],
124
[4.4, 72],
125
[4.4, 74],
126
[4.3, 69],
127
[4.6, 78],
128
[2.1, 52],
129
[4.8, 91],
130
[4.1, 66],
131
[4, 71],
132
[4, 75],
133
[4.4, 81],
134
[4.1, 77],
135
[4.3, 74],
136
[4, 70],
137
[3.9, 83],
138
[3.2, 53],
139
[4.5, 82],
140
[2.2, 62],
141
[4.7, 73],
142
[4.6, 84],
143
[2.2, 58],
144
[4.8, 82],
145
[4.3, 77],
146
[3.8, 75],
147
[4, 77],
148
[4.1, 77],
149
[1.8, 53],
150
[4.4, 75],
151
[4, 78],
152
[2.2, 51],
153
[5.1, 81],
154
[1.9, 52],
155
[5, 76],
156
[4.4, 73],
157
[4.5, 84],
158
[3.8, 72],
159
[4.3, 89],
160
[4.4, 75],
161
[2.2, 57],
162
[4.8, 81],
163
[1.9, 49],
164
[4.7, 87],
165
[1.8, 43],
166
[4.8, 94],
167
[2, 45],
168
[4.4, 81],
169
[2.5, 59],
170
[4.3, 82],
171
[4.4, 80],
172
[1.9, 54],
173
[4.7, 75],
174
[4.3, 73],
175
[2.2, 57],
176
[4.7, 80],
177
[2.3, 51],
178
[4.6, 77],
179
[3.3, 66],
180
[4.2, 77],
181
[2.9, 60],
182
[4.6, 86],
183
[3.3, 62],
184
[4.2, 75],
185
[2.6, 67],
186
[4.6, 69],
187
[3.7, 84],
188
[1.8, 58],
189
[4.7, 90],
190
[4.5, 82]
191
]);
192
193
// mapping the data
194
var seriesData = dataSet.mapAs({x: 0, value: 1});
195
196
// title
197
chart.title("Default interactivity - Marker Chart");
198
199
// enable the legend
200
chart.legend(true);
201
202
// set axes titles
203
var xAxis = chart.xAxis();
204
xAxis.title("Sales");
205
var yAxis = chart.yAxis();
206
yAxis.title("Special offer duration");
207
208
// set data
209
var series = chart.marker(seriesData);
210
211
// set series name
212
series.name("Special offers 2010-2015");
213
214
// draw
215
chart.container("container");
216
chart.draw();
217
});