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
var dataTable = anychart.data.table();
3
dataTable.addData(data());
4
5
var chart = anychart.stock();
6
7
var plot = chart.plot();
8
plot.ohlc(dataTable.mapAs({'open': 1, 'high': 2, 'low': 3, 'close': 4}));
9
10
var scale = chart.xScale();
11
12
// Set minimum gap
13
scale.minimumGap({intervalsCount: 3, unitType: 'day', unitCount: 3});
14
15
// Set maximum gap
16
scale.maximumGap({intervalsCount: 2, unitType: 'weeks', unitCount: 1});
17
18
// Create a Rectangle annotation
19
plot.annotations().rectangle({xAnchor: '2017-02-01', valueAnchor: 10790, secondXAnchor: '2017-02-16', secondValueAnchor: 10333});
20
21
// Create a text marker
22
plot.textMarker({text: 'Future price movements', value: '2017-02-09', axis: plot.xAxis(), zIndex: 2001, fontSize: 16});
23
24
chart.title('Minimum gap is 3 intervals by 3 days\nMaximum gap is 2 intervals by 1 week');
25
chart.container('container');
26
chart.draw();
27
28
function data() {
29
return [
30
['2017-01-09', 10452.7402, 10554.96, 10367.4102, 10409.8496, 1153200000],
31
['2017-01-23', 10411.8496, 10575.9199, 10411.8496, 10544.0703, 1578200064],
32
['2017-01-10', 10543.8496, 10584.0703, 10454.3701, 10538.6602, 1494499968],
33
['2017-01-22', 10535.46, 10587.5498, 10432, 10529.0303, 1704899968],
34
['2017-01-11', 10530.0703, 10651.9902, 10480.5898, 10592.4404, 1868400000],
35
['2017-01-18', 10589.25, 10603.4805, 10420.5195, 10458.8896, 1720700032],
36
['2017-01-15', 10461.5498, 10543.0303, 10389.8496, 10485.1797, 1510200064],
37
['2017-01-16', 10485.1797, 10539.25, 10341.1904, 10427.1797, 1595900032],
38
['2017-01-01', 10428.6699, 10573.8496, 10426.8896, 10538.3701, 1514599936],
39
['2017-01-30', 10534.5195, 10639.0303, 10454.5195, 10553.8496, 1695000064],
40
['2017-01-03', 10556.3701, 10666.8799, 10503.7002, 10600.5098, 1721100032],
41
['2017-01-29', 10601.4004, 10676.96, 10447.9199, 10528.6602, 1698200064],
42
['2017-01-05', 10522.7695, 10665.7002, 10453.1104, 10623.6201, 1757600000],
43
['2017-01-28', 10624.2197, 10717.4004, 10545.0303, 10623.1797, 1693699968]
44
]
45
}
46
});