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
// set the data
4
table = anychart.data.table();
5
table.addData([
6
['2004-01-02', 29955800, 1217],
7
['2004-01-05', 38892100, 3885],
8
['2004-01-06', 43684400, 992],
9
['2004-01-07', 48757500, 1753],
10
['2004-01-08', 61683300, 2493],
11
['2004-01-09', 68856400, 5672],
12
['2004-01-12', 52871900, 7284],
13
['2004-01-13', 56334200, 2737],
14
['2004-01-14', 42293600, 8338],
15
['2004-01-15', 46099400, 4829],
16
['2004-01-16', 91298000, 7532],
17
['2004-01-20', 62278500, 10387],
18
['2004-01-21', 54015600, 3832],
19
['2004-01-22', 43462000, 9248],
20
['2004-01-23', 59640900, 2487],
21
['2004-01-26', 42986700, 2498],
22
['2004-01-27', 49345900, 7564],
23
['2004-01-28', 49445200, 5764],
24
['2004-01-29', 86860704, 3549],
25
['2004-01-30', 71799504, 7365],
26
['2004-02-02', 81642800, 2985],
27
['2004-02-03', 81729600, 3573],
28
['2004-02-04', 90548992, 9834],
29
['2004-02-05', 103966000, 3453],
30
['2004-02-06', 74134704, 7843],
31
['2004-02-09', 52703900, 3820],
32
['2004-02-10', 39742500, 2374],
33
['2004-02-11', 87763696, 9458],
34
['2004-02-12', 48597500, 8237],
35
['2004-02-13', 43363800, 9283],
36
['2004-02-17', 37359700, 2234],
37
['2004-02-18', 39630200, 8247],
38
['2004-02-19', 55113900, 2837],
39
['2004-02-20', 70349296, 2483],
40
['2004-02-23', 60081300, 8237],
41
['2004-02-24', 91782200, 2838],
42
['2004-02-25', 61432900, 8237],
43
['2004-02-26', 49729800, 2844],
44
['2004-02-27', 51031700, 1995],
45
['2004-03-01', 86765900, 1945],
46
['2004-03-02', 62706500, 3433],
47
['2004-03-03', 55386900, 2495],
48
['2004-03-04', 45492400, 3532],
49
['2004-03-05', 56365600, 9864],
50
['2004-03-08', 62038700, 1954],
51
['2004-03-09', 64071900, 2954],
52
['2004-03-10', 80618496, 4356],
53
['2004-03-11', 89673504, 6565],
54
['2004-03-12', 73013296, 8367],
55
['2004-03-15', 68079904, 8354],
56
['2004-03-16', 9320900, 12534],
57
['2004-03-17', 52578100, 3043],
58
['2004-03-18', 55961200, 3864],
59
['2004-03-19', 70226704, 3946],
60
['2004-03-22', 56288400, 9243],
61
['2004-03-23', 58934600, 4634],
62
['2004-03-24', 51709700, 3036],
63
['2004-03-25', 64449300, 3465],
64
['2004-03-26', 48203800, 9360],
65
['2004-03-29', 44442700, 9560],
66
['2004-03-30', 38857600, 9348],
67
['2004-03-31', 51583000, 2853],
68
['2004-04-01', 44882300, 5425],
69
['2004-04-02', 54740900, 8572],
70
['2004-04-05', 41326200, 4865],
71
['2004-04-06', 38725000, 7382],
72
['2004-04-07', 45047500, 3845],
73
['2004-04-08', 32130200, 7654],
74
['2004-04-12', 24691100, 5689],
75
['2004-04-13', 42040700, 6476],
76
['2004-04-14', 43324300, 6597],
77
['2004-04-15', 74004200, 3564],
78
['2004-04-16', 61589200, 3674],
79
['2004-04-19', 43000200, 1866],
80
['2004-04-20', 62509800, 1976],
81
['2004-04-21', 73643696, 8677],
82
['2004-04-22', 72532200, 945],
83
['2004-04-23', 51364700, 1744],
84
['2004-04-26', 40777500, 5958],
85
['2004-04-27', 42022900, 4867],
86
['2004-04-28', 43185300, 8769],
87
['2004-04-29', 58257700, 2745],
88
['2004-04-30', 88594800, 4654],
89
['2004-05-03', 68266800, 3865],
90
['2004-05-04', 55848200, 3546],
91
['2004-05-05', 35647000, 2745],
92
['2004-05-06', 62631800, 5977],
93
['2004-05-07', 64754800, 6798],
94
['2004-05-10', 67550096, 3365],
95
['2004-05-11', 92963904, 1876],
96
['2004-05-12', 114992800, 9767],
97
['2004-05-13', 52726300, 4657],
98
['2004-05-14', 64216800, 3865],
99
['2004-05-17', 67886000, 8656],
100
['2004-05-18', 51852700, 3989],
101
['2004-05-19', 63533600, 1163],
102
['2004-05-20', 44040200, 4965],
103
['2004-05-21', 3712260, 5890],
104
['2004-05-24', 42606900, 8765],
105
['2004-05-25', 56792400, 5765],
106
['2004-05-26', 43833800, 8646],
107
['2004-05-27', 39144700, 9567],
108
['2004-05-28', 36220400, 2359],
109
['2004-06-01', 36548100, 8439],
110
['2004-06-02', 38025400, 2583],
111
['2004-06-03', 38827800, 3854],
112
['2004-06-04', 71924000, 3543],
113
['2004-06-07', 67100900, 2852],
114
['2004-06-08', 49497200, 2954],
115
['2004-06-09', 41189900, 2932],
116
['2004-06-10', 35949900, 3459],
117
['2004-06-14', 44958400, 2594],
118
['2004-06-15', 60862600, 8232],
119
['2004-06-16', 44052400, 9235],
120
['2004-06-17', 55167200, 9345],
121
['2004-06-18', 74781904, 8257],
122
['2004-06-21', 48264000, 9484],
123
['2004-06-22', 53290400, 3499],
124
['2004-06-23', 71903000, 2084],
125
['2004-06-24', 53542000, 4930],
126
['2004-06-25', 60594100, 5028],
127
['2004-06-28', 42743600, 2935],
128
['2004-06-29', 44366600, 1039],
129
['2004-06-30', 50526900, 9235]
130
]);
131
132
// map the data
133
mapping_total = table.mapAs();
134
mapping_total.addField('value', 1);
135
mapping_region = table.mapAs();
136
mapping_region.addField('value', 2);
137
138
// chart type
139
var chart = anychart.stock();
140
141
// set the series
142
var series_total = chart.plot(0).stepArea(mapping_total);
143
series_total.name("Total Request number");
144
var series_region = chart.plot(0).stepArea(mapping_region);
145
series_region.name("Region Request Number");
146
147
// y-axis labels formatting
148
chart.plot(0).yAxis().labels().format(function() {
149
return this.value/1000000 + "m";
150
});
151
152
chart.title('Stock Step Area Demo');
153
chart.container('container');
154
155
chart.draw();
156
});