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
// create data
4
var data = [
5
{x: "January", high: 10000, low: 1000},
6
{x: "February", high: 12000, low: 500},
7
{x: "March", high: 18000, low: 3000},
8
{x: "April", high: 11000, low: 4000},
9
{x: "May", high: 9000, low: 6000}
10
];
11
12
// create a chart
13
var chart = anychart.vertical();
14
15
// set the interactivity mode
16
chart.interactivity("by-x");
17
18
// create a HiLo series and set the data
19
var series = chart.hilo(data);
20
21
// set the chart title
22
chart.title("Vertical HiLo Chart");
23
24
// set the container id
25
chart.container("container");
26
27
// initiate drawing the chart
28
chart.draw();
29
});