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", low: 1000, q1: 1050, median: 1200, q3: 1800, high: 2000},
6
{x: "February", low: 2500, q1: 3000, median: 3800, q3: 3900, high: 4000},
7
{x: "March", low: 2000, q1: 2300, median: 2500, q3: 2900, high: 3000},
8
{x: "April", low: 4000, q1: 5000, median: 6500, q3: 6500, high: 7000},
9
{x: "May", low: 8000, q1: 8400, median: 8500, q3: 8800, high: 9000}
10
];
11
12
// create a chart
13
var chart = anychart.vertical();
14
15
// create a box series and set the data
16
var series = chart.box(data);
17
18
// set the chart title
19
chart.title("Vertical Box Chart");
20
21
// set the container id
22
chart.container("container");
23
24
// initiate drawing the chart
25
chart.draw();
26
});