HTMLcopy
1
<button id="1minBtn">Set 1 minute interval</button>
2
<button id="5minBtn">Set 5 minutes interval</button>
3
<button id="10minBtn">Set 10 minutes interval</button>
4
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 99%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
3
// Create a data table with loaded data
4
var dataTable = anychart.data.table();
5
dataTable.addData(data());
6
7
// Create a stock chart
8
var chart = anychart.stock();
9
// Create a plot
10
var plot = chart.plot();
11
// Create candlesticks with mapped data
12
plot.candlestick(dataTable.mapAs({'open': 1, 'high': 2, 'low': 3, 'close': 4}));
13
14
// Add a title
15
chart.title('Current grouping level: 5 minutes');
16
17
// Specify a container
18
chart.container('container');
19
20
// Render the chart
21
chart.draw();
22
23
// Set data grouping:
24
// create a grouping variable
25
var grouping = chart.grouping();
26
// set the initial grouping level to 5 minutes
27
grouping.levels([{
28
unit: 'minute',
29
count: 5
30
}]);
31
// force the grouping
32
grouping.forced(true);
33
34
// Change grouping to 1 minute on button click
35
document
36
.getElementById('1minBtn')
37
.addEventListener('click', function() {
38
grouping.levels([{unit: 'minute', count: 1}]);
39
scale.minimumGap({intervalsCount: 10, unitType: 'sec', unitCount: 1});
40
chart.title('Current grouping level: 1 minute');
41
});
42
43
// Change grouping to 5 minutes on button click
44
document
45
.getElementById('5minBtn')
46
.addEventListener('click', function() {
47
grouping.levels([{unit: 'minute', count: 5}]);
48
scale.minimumGap({intervalsCount: 1, unitType: 'min', unitCount: 1});
49
chart.title('Current grouping level: 5 minutes');
50
});
51
52
// Change grouping to 10 minutes on button click
53
document
54
.getElementById('10minBtn')
55
.addEventListener('click', function() {
56
grouping.levels([{unit: 'minute', count: 10}]);
57
scale.minimumGap({intervalsCount: 3, unitType: 'min', unitCount: 1});
58
chart.title('Current grouping level: 10 minutes');
59
});
60
61
// Set the initial gap
62
var scale = chart.xScale();
63
scale.minimumGap({intervalsCount: 1, unitType: 'min', unitCount: 1});
64
65
// Create data
66
function data() {
67
return [
68
["2024-08-30 18:00", 10479.9946, 10560.9974, 10382.7129, 10517.6745],
69
["2024-08-30 18:01", 10573.254, 10623.7621, 10507.0075, 10601.9571],
70
["2024-08-30 18:02", 10561.1675, 10633.5784, 10468.291, 10594.7146],
71
["2024-08-30 18:03", 10628.7616, 10686.184, 10538.9431, 10643.9306],
72
["2024-08-30 18:04", 10565.8567, 10658.7533, 10507.4818, 10565.6785],
73
["2024-08-30 18:05", 10527.3914, 10618.0067, 10427.3068, 10538.6694],
74
["2024-08-30 18:06", 10524.0947, 10580.4861, 10435.5487, 10558.8124],
75
["2024-08-30 18:07", 10591.5282, 10697.4573, 10513.8165, 10580.6617],
76
["2024-08-30 18:08", 10653.1808, 10769.4878, 10533.6944, 10742.3735],
77
["2024-08-30 18:09", 10767.7193, 10822.1305, 10674.9526, 10757.7139],
78
["2024-08-30 18:10", 10694.4781, 10751.1945, 10638.6027, 10671.6046],
79
["2024-08-30 18:11", 10671.4574, 10737.3958, 10575.1401, 10603.4623],
80
["2024-08-30 18:12", 10566.8474, 10643.4517, 10470.1029, 10614.2285],
81
["2024-08-30 18:13", 10675.1005, 10742.5424, 10588.9012, 10680.7039],
82
["2024-08-30 18:14", 10749.3308, 10863.2391, 10698.2103, 10840.7417],
83
["2024-08-30 18:15", 10867.403, 10980.0436, 10753.3115, 10937.6697],
84
["2024-08-30 18:16", 10894.1171, 11003.9039, 10815.2486, 10891.6086],
85
["2024-08-30 18:17", 10886.3857, 10985.0085, 10773.0522, 10926.2747],
86
["2024-08-30 18:18", 10867.3131, 10987.142, 10808.8248, 10882.1747],
87
["2024-08-30 18:19", 10939.9302, 11049.4497, 10828.8021, 10871.079],
88
["2024-08-30 18:20", 10799.1469, 10882.0807, 10706.229, 10791.8747],
89
["2024-08-30 18:21", 10774.0726, 10859.8085, 10684.6486, 10716.6295],
90
["2024-08-30 18:22", 10778.02, 10834.6323, 10670.9612, 10806.9034],
91
["2024-08-30 18:23", 10780.4973, 10853.0251, 10699.8014, 10828.5734],
92
["2024-08-30 18:24", 10827.4994, 10921.2219, 10757.2445, 10800.7886],
93
["2024-08-30 18:25", 10878.1552, 10995.3751, 10808.7824, 10932.8251],
94
["2024-08-30 18:26", 11005.3593, 11081.4942, 10889.4274, 10946.581],
95
["2024-08-30 18:27", 10887.6041, 10971.2205, 10825.3444, 10882.9732],
96
["2024-08-30 18:28", 10835.7008, 10942.8431, 10727.4123, 10839.6815],
97
["2024-08-30 18:29", 10803.4018, 10888.7939, 10709.2722, 10792.4568],
98
["2024-08-30 18:30", 10837.5002, 10903.7639, 10742.0847, 10778.8604],
99
["2024-08-30 18:31", 10707.7656, 10813.2808, 10622.0088, 10671.2922],
100
["2024-08-30 18:32", 10637.6885, 10719.9561, 10585.4034, 10661.503],
101
["2024-08-30 18:33", 10711.9577, 10820.2294, 10657.6207, 10715.5484],
102
["2024-08-30 18:34", 10766.6603, 10856.5276, 10663.7414, 10715.6946],
103
["2024-08-30 18:35", 10788.86, 10850.0725, 10727.0242, 10758.1792],
104
["2024-08-30 18:36", 10743.039, 10839.2965, 10630.1372, 10667.3372],
105
["2024-08-30 18:37", 10596.6264, 10672.198, 10511.1079, 10573.5087],
106
["2024-08-30 18:38", 10557.501, 10659.6247, 10449.574, 10512.3327],
107
["2024-08-30 18:39", 10514.34, 10594.7054, 10451.6115, 10510.0374],
108
["2024-08-30 18:40", 10488.379, 10558.2445, 10382.2759, 10454.526],
109
["2024-08-30 18:41", 10499.3991, 10618.724, 10393.7476, 10560.9458],
110
["2024-08-30 18:42", 10635.0659, 10729.5698, 10545.8668, 10637.4965],
111
["2024-08-30 18:43", 10571.9668, 10633.6958, 10481.3947, 10589.2254],
112
["2024-08-30 18:44", 10665.6208, 10743.6238, 10600.8307, 10655.9418],
113
["2024-08-30 18:45", 10585.6527, 10647.7753, 10500.7316, 10610.4564],
114
["2024-08-30 18:46", 10543.0754, 10637.0915, 10451.7332, 10612.7215],
115
["2024-08-30 18:47", 10624.8193, 10708.5473, 10555.4861, 10623.3793],
116
["2024-08-30 18:48", 10630.1627, 10716.7658, 10571.0734, 10633.3272],
117
["2024-08-30 18:49", 10626.4507, 10707.2261, 10510.3861, 10637.3497],
118
["2024-08-30 18:50", 10661.9032, 10719.286, 10585.1478, 10662.5778],
119
["2024-08-30 18:51", 10620.9024, 10697.3419, 10570.872, 10653.9443],
120
["2024-08-30 18:52", 10723.3711, 10813.3562, 10654.7346, 10687.6655],
121
["2024-08-30 18:53", 10758.666, 10829.8683, 10698.0893, 10768.0898],
122
["2024-08-30 18:54", 10803.6351, 10884.6239, 10711.0071, 10777.5661],
123
["2024-08-30 18:55", 10714.2692, 10773.2244, 10599.4576, 10723.7261],
124
["2024-08-30 18:56", 10689.2822, 10748.7493, 10631.5455, 10682.0718],
125
["2024-08-30 18:57", 10691.8284, 10787.1121, 10615.378, 10644.8234],
126
["2024-08-30 18:58", 10625.1609, 10718.1458, 10505.462, 10552.0334],
127
["2024-08-30 18:59", 10532.1143, 10615.5476, 10444.7268, 10520.9913],
128
["2024-08-30 19:00", 10446.8695, 10551.4239, 10351.6338, 10466.1448],
129
["2024-08-30 19:01", 10434.6141, 10524.4685, 10346.3491, 10437.8358],
130
["2024-08-30 19:02", 10456.6181, 10555.7397, 10348.6425, 10519.1044],
131
["2024-08-30 19:03", 10534.4322, 10641.956, 10453.135, 10593.728],
132
["2024-08-30 19:04", 10550.681, 10603.6229, 10475.5532, 10526.0233],
133
["2024-08-30 19:05", 10512.1279, 10607.3858, 10460.1991, 10567.442],
134
["2024-08-30 19:06", 10636.8361, 10728.9785, 10552.8041, 10622.9509],
135
["2024-08-30 19:07", 10553.9484, 10636.7969, 10446.5277, 10533.6566],
136
["2024-08-30 19:08", 10456.9463, 10574.3339, 10404.2718, 10546.0928],
137
["2024-08-30 19:09", 10605.2611, 10674.0575, 10510.562, 10582.6761],
138
["2024-08-30 19:10", 10583.8708, 10674.7326, 10513.0607, 10597.2472],
139
["2024-08-30 19:11", 10546.9201, 10615.805, 10435.4193, 10465.8986],
140
["2024-08-30 19:12", 10442.8511, 10555.3183, 10327.16, 10449.9667],
141
["2024-08-30 19:13", 10396.6516, 10500.7223, 10315.4488, 10352.4958],
142
["2024-08-30 19:14", 10345.4521, 10421.2727, 10284.1823, 10374.2972],
143
["2024-08-30 19:15", 10370.4076, 10421.6061, 10267.9476, 10323.7512],
144
["2024-08-30 19:16", 10267.9261, 10380.0843, 10186.7712, 10225.542],
145
["2024-08-30 19:17", 10176.9211, 10267.398, 10103.3759, 10216.0241],
146
["2024-08-30 19:18", 10294.561, 10348.0485, 10233.2163, 10275.7202],
147
["2024-08-30 19:19", 10352.1342, 10462.2557, 10292.3262, 10362.1514],
148
["2024-08-30 19:20", 10291.3174, 10343.4922, 10201.9357, 10290.1743],
149
["2024-08-30 19:21", 10325.4644, 10423.5639, 10252.7884, 10389.5068],
150
["2024-08-30 19:22", 10405.6071, 10484.143, 10344.3549, 10445.3695],
151
["2024-08-30 19:23", 10391.8063, 10463.2006, 10293.8279, 10375.7979],
152
["2024-08-30 19:24", 10383.7122, 10442.0141, 10308.4072, 10333.2569],
153
["2024-08-30 19:25", 10330.325, 10440.9609, 10263.5125, 10288.761],
154
["2024-08-30 19:26", 10334.5285, 10398.4752, 10252.6099, 10338.3946],
155
["2024-08-30 19:27", 10352.8004, 10412.6112, 10258.4978, 10289.0875],
156
["2024-08-30 19:28", 10255.0463, 10317.7905, 10195.9275, 10277.7349],
157
["2024-08-30 19:29", 10248.8395, 10344.0111, 10131.6193, 10168.2963],
158
["2024-08-30 19:30", 10228.314, 10326.1709, 10168.9273, 10290.5875],
159
["2024-08-30 19:31", 10355.0979, 10406.6551, 10287.0867, 10338.4469],
160
["2024-08-30 19:32", 10378.5464, 10438.9465, 10308.0536, 10344.547],
161
["2024-08-30 19:33", 10410.763, 10471.742, 10297.8062, 10440.4782],
162
["2024-08-30 19:34", 10369.1622, 10432.2652, 10293.6368, 10323.2245],
163
["2024-08-30 19:35", 10278.8056, 10378.9353, 10189.7341, 10284.1408],
164
["2024-08-30 19:36", 10281.6598, 10394.4882, 10182.3845, 10242.5745],
165
["2024-08-30 19:37", 10243.5789, 10352.88, 10190.315, 10251.6262],
166
["2024-08-30 19:38", 10261.7679, 10336.9785, 10171.1072, 10205.7483],
167
["2024-08-30 19:39", 10284.0206, 10359.4888, 10228.9514, 10311.2696],
168
["2024-08-30 19:40", 10272.6914, 10326.9693, 10211.0023, 10297.5406],
169
["2024-08-30 19:41", 10305.8285, 10399.4359, 10247.3921, 10344.5723],
170
["2024-08-30 19:42", 10273.9504, 10376.5058, 10196.7939, 10349.4548],
171
["2024-08-30 19:43", 10415.5957, 10506.6273, 10355.8498, 10386.5919],
172
["2024-08-30 19:44", 10463.2956, 10579.8022, 10349.5062, 10496.3114],
173
["2024-08-30 19:45", 10423.8955, 10514.7585, 10327.6926, 10421.4152],
174
["2024-08-30 19:46", 10358.5764, 10442.8699, 10281.3619, 10361.778],
175
["2024-08-30 19:47", 10316.5705, 10421.7862, 10224.3607, 10350.1331],
176
["2024-08-30 19:48", 10285.1472, 10350.6205, 10165.5061, 10294.5669],
177
["2024-08-30 19:49", 10252.679, 10368.527, 10153.6252, 10180.8491],
178
["2024-08-30 19:50", 10250.9479, 10363.8725, 10157.6854, 10236.8026],
179
["2024-08-30 19:51", 10236.0564, 10341.8722, 10132.4969, 10252.0898],
180
["2024-08-30 19:52", 10296.6937, 10377.5162, 10193.2219, 10314.2334],
181
["2024-08-30 19:53", 10379.8118, 10483.7975, 10287.2861, 10326.9386],
182
["2024-08-30 19:54", 10263.959, 10334.8456, 10170.5283, 10279.6176],
183
["2024-08-30 19:55", 10290.76, 10397.5657, 10171.1829, 10302.0999],
184
["2024-08-30 19:56", 10364.104, 10450.8945, 10271.9647, 10311.8628],
185
["2024-08-30 19:57", 10389.981, 10454.3114, 10328.1153, 10429.0501],
186
["2024-08-30 19:58", 10473.4239, 10565.5177, 10362.9757, 10512.7483],
187
["2024-08-30 19:59", 10577.2463, 10639.6883, 10524.4868, 10585.6571],
188
["2024-08-30 20:00", 10628.465, 10710.5202, 10548.6219, 10637.2811],
189
["2024-08-30 20:01", 10631.6038, 10692.436, 10571.6392, 10628.6761],
190
["2024-08-30 20:02", 10572.2265, 10659.2921, 10491.4907, 10582.7014],
191
["2024-08-30 20:03", 10617.1447, 10704.2371, 10561.2662, 10622.0619],
192
["2024-08-30 20:04", 10591.8974, 10690.0308, 10520.2556, 10660.8236],
193
["2024-08-30 20:05", 10720.7837, 10828.2904, 10626.099, 10674.3363],
194
["2024-08-30 20:06", 10753.3228, 10865.7325, 10656.854, 10807.7223],
195
["2024-08-30 20:07", 10794.6231, 10867.0265, 10696.69, 10765.2303],
196
["2024-08-30 20:08", 10685.407, 10739.5458, 10602.711, 10649.4603],
197
["2024-08-30 20:09", 10642.268, 10750.2312, 10524.3562, 10700.5956],
198
["2024-08-30 20:10", 10715.8399, 10766.1819, 10647.8284, 10713.3034],
199
["2024-08-30 20:11", 10766.7144, 10823.2953, 10709.6823, 10795.7762],
200
["2024-08-30 20:12", 10746.9613, 10825.9873, 10652.7853, 10680.6951],
201
["2024-08-30 20:13", 10616.25, 10672.7813, 10511.508, 10633.8637],
202
["2024-08-30 20:14", 10624.0675, 10703.0865, 10532.3502, 10602.4972],
203
["2024-08-30 20:15", 10676.4405, 10791.707, 10567.9776, 10703.411],
204
["2024-08-30 20:16", 10687.3829, 10745.857, 10611.599, 10637.9728],
205
["2024-08-30 20:17", 10623.3447, 10714.7643, 10566.4104, 10604.3014],
206
["2024-08-30 20:18", 10670.921, 10768.1408, 10581.0286, 10701.5614],
207
["2024-08-30 20:19", 10762.0329, 10822.8628, 10685.2384, 10768.7256],
208
["2024-08-30 20:20", 10714.5937, 10802.9196, 10644.2974, 10666.883],
209
["2024-08-30 20:21", 10651.704, 10744.4157, 10595.4241, 10635.0918],
210
["2024-08-30 20:22", 10677.5583, 10751.8672, 10608.5374, 10646.9227],
211
["2024-08-30 20:23", 10702.6491, 10779.0921, 10648.0905, 10713.9331],
212
["2024-08-30 20:24", 10678.7575, 10784.6098, 10573.2806, 10692.4135],
213
["2024-08-30 20:25", 10714.1857, 10833.8032, 10649.3388, 10781.9384],
214
["2024-08-30 20:26", 10819.7495, 10935.5952, 10702.8235, 10773.2473],
215
["2024-08-30 20:27", 10809.0231, 10907.5397, 10725.9658, 10775.7304],
216
["2024-08-30 20:28", 10794.1783, 10877.4751, 10680.1835, 10816.2653],
217
["2024-08-30 20:29", 10845.1182, 10923.4379, 10757.1288, 10806.0205],
218
["2024-08-30 20:30", 10809.8118, 10873.6937, 10725.6233, 10813.4101],
219
["2024-08-30 20:31", 10786.7459, 10905.7453, 10705.143, 10784.1142],
220
["2024-08-30 20:32", 10838.3349, 10948.1616, 10766.7702, 10796.2501],
221
["2024-08-30 20:33", 10747.9483, 10820.8653, 10669.1096, 10721.7432],
222
["2024-08-30 20:34", 10724.3449, 10812.4432, 10627.7828, 10751.3642],
223
["2024-08-30 20:35", 10748.743, 10806.164, 10677.1119, 10778.12],
224
["2024-08-30 20:36", 10804.9792, 10878.1111, 10717.6062, 10818.141],
225
["2024-08-30 20:37", 10840.7065, 10949.9432, 10775.5613, 10878.5572],
226
["2024-08-30 20:38", 10957.5325, 11015.9012, 10841.2723, 10961.7079],
227
["2024-08-30 20:39", 10980.4923, 11087.6335, 10894.2366, 10975.3681],
228
["2024-08-30 20:40", 11023.3307, 11117.5944, 10965.7124, 11027.3755],
229
["2024-08-30 20:41", 11034.3389, 11089.8231, 10965.8681, 11006.0324],
230
["2024-08-30 20:42", 11046.2508, 11120.6821, 10988.8816, 11026.7528],
231
["2024-08-30 20:43", 11029.2934, 11080.7166, 10957.7528, 10979.9342],
232
["2024-08-30 20:44", 10972.6177, 11049.7811, 10882.9314, 10976.0201],
233
["2024-08-30 20:45", 10997.68, 11071.4184, 10916.0625, 11038.7717],
234
["2024-08-30 20:46", 11080.46, 11175.9315, 11011.7019, 11031.9772],
235
["2024-08-30 20:47", 10974.2723, 11026.356, 10868.4958, 10937.4374],
236
["2024-08-30 20:48", 10911.1973, 10993.0326, 10816.0242, 10864.8778],
237
["2024-08-30 20:49", 10840.5628, 10938.5374, 10749.8778, 10873.0569],
238
["2024-08-30 20:50", 10818.4692, 10913.6838, 10726.8274, 10799.6999],
239
["2024-08-30 20:51", 10834.9968, 10951.6015, 10768.6982, 10809.2233],
240
["2024-08-30 20:52", 10883.0728, 10957.485, 10778.2667, 10860.6932],
241
["2024-08-30 20:53", 10898.6839, 10985.9898, 10795.285, 10823.103],
242
["2024-08-30 20:54", 10896.5316, 10973.4885, 10795.6891, 10842.4517],
243
["2024-08-30 20:55", 10770.1799, 10824.3015, 10669.6848, 10769.1534],
244
["2024-08-30 20:56", 10838.1811, 10916.9232, 10787.5247, 10851.7231],
245
["2024-08-30 20:57", 10823.5916, 10907.7825, 10728.3143, 10885.9657],
246
["2024-08-30 20:58", 10921.6087, 10974.1855, 10802.0331, 10908.0106],
247
["2024-08-30 20:59", 10957.5912, 11073.2464, 10903.2983, 10951.4247],
248
["2024-08-30 21:00", 10936.4957, 11017.6586, 10831.8444, 10915.2876],
249
["2024-08-30 21:01", 10889.7124, 10946.8284, 10795.6222, 10906.2108],
250
["2024-08-30 21:02", 10984.5561, 11044.9346, 10869.608, 11010.1478],
251
["2024-08-30 21:03", 10968.4157, 11035.7584, 10914.2246, 10950.5918],
252
["2024-08-30 21:04", 10970.8336, 11078.2181, 10877.5625, 10940.0911],
253
["2024-08-30 21:05", 10994.7482, 11065.896, 10886.4896, 10947.9523],
254
["2024-08-30 21:06", 10888.583, 10939.9699, 10778.5223, 10894.3561],
255
["2024-08-30 21:07", 10967.5633, 11087.2561, 10853.2427, 10958.5],
256
["2024-08-30 21:08", 10918.8738, 10997.0165, 10818.602, 10954.0461],
257
["2024-08-30 21:09", 11019.8461, 11108.531, 10950.2459, 10984.3575],
258
["2024-08-30 21:10", 11017.3348, 11076.9534, 10937.083, 10967.03],
259
["2024-08-30 21:11", 10901.7523, 10952.4617, 10822.9868, 10923.2295],
260
["2024-08-30 21:12", 10909.434, 10968.9218, 10802.3608, 10824.2526],
261
["2024-08-30 21:13", 10885.5323, 10948.5684, 10809.278, 10878.4048],
262
["2024-08-30 21:14", 10920.0054, 10997.3609, 10841.8511, 10867.4737],
263
["2024-08-30 21:15", 10878.7071, 10967.1604, 10768.5648, 10858.0403],
264
["2024-08-30 21:16", 10907.6067, 10971.0247, 10845.7236, 10917.5009],
265
["2024-08-30 21:17", 10943.1051, 11012.2956, 10884.9603, 10991.297],
266
["2024-08-30 21:18", 10990.3056, 11099.5817, 10878.4494, 10969.1765],
267
["2024-08-30 21:19", 11035.7256, 11110.2183, 10955.1542, 10982.7478]
268
]
269
};
270
271
});