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
// Creates Candlestick chart.
3
var chart = anychart.candlestick([
4
[Date.UTC(2018, 10, 1), 511.53, 514.98, 505.79, 506.40],
5
[Date.UTC(2018, 10, 10), 507.84, 513.30, 507.23, 512.88],
6
[Date.UTC(2018, 10, 20), 512.36, 515.40, 510.58, 511.40],
7
[Date.UTC(2018, 10, 30), 513.10, 516.50, 511.47, 515.25],
8
[Date.UTC(2018, 11, 10), 515.02, 528.00, 514.62, 525.15]
9
]);
10
11
chart.title('Create a Candlestick chart');
12
chart.xScale().minimum(Date.UTC(2018, 9, 25)).maximum(Date.UTC(2018, 11, 15));
13
chart.container('container');
14
chart.draw();
15
});