<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
anychart.onDocumentReady(function () {
// create data set on our data
var data = [
['Jan', 242, 162],
['Feb', 254, 90],
['Mar', 226, 50],
['Apr', 232, 77],
['May', 268, 35],
['Jun', 254, -45],
['Jul', 235, -88],
['Aug', 266, -120],
['Sep', 288, -156],
['Oct', 220, -123],
['Nov', 215, -88],
['Dec', 236, -66]
];
// create area chart
var chart = anychart.area();
// turn on chart animation
chart.animation(true);
// set container id for the chart
chart.container('container');
var series = anychart.data.mapAsTable(data);
for (var i in series) {
chart.area(series[i]);
// initiate chart drawing
chart.draw();
});