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: 0.7, high: 6.1},
6
{x: "February", low: 0.6, high: 6.3},
7
{x: "March", low: 1.9, high: 8.5},
8
{x: "April", low: 3.1, high: 10.8},
9
{x: "May", low: 5.7, high: 14.4}
10
];
11
12
// create a chart
13
var chart = anychart.area();
14
15
// create a srange pline area series and set the data
16
var series = chart.rangeSplineArea(data);
17
18
// set the chart title
19
chart.title("Range Spline Area Chart");
20
21
// set the titles of the axes
22
var xAxis = chart.xAxis();
23
xAxis.title("Month");
24
var yAxis = chart.yAxis();
25
yAxis.title("Temperature, ?C");
26
27
// set the container id
28
chart.container("container");
29
30
// initiate drawing the chart
31
chart.draw();
32
});