anychart.onDocumentReady(function() {
var data = anychart.data.set([
["January", 0.7, 6.1, 8.1, 12.6],
["February", 0.6, 6.3, 8.5, 12.2],
["March", 1.9, 8.5, 10.3, 13.1],
["April", 3.1, 10.8, 13.4, 15.9],
["May", 5.7, 14.4, 14.9, 16.4]
var seriesData_1 = data.mapAs({x: [0], low: [1], high: [2]});
var seriesData_2 = data.mapAs({x: [0], low: [3], high: [4]});
var chart = anychart.area();
chart.interactivity().hoverMode("single");
var series1 = chart.rangeArea(seriesData_1);
series1.fill("#00cc99", 0.3);
series1.hoverFill("#00cc99", 0.3);
series1.selectFill("#00cc99", 0.5);
series1.stroke("#00cc99", 1, "10 5", "round");
series1.hoverStroke("#00cc99", 2, "10 5", "round");
series1.selectStroke("#00cc99", 4, "10 5", "round");
var series2 = chart.rangeArea(seriesData_2);
series2.fill("#0066cc", 0.3);
series2.hoverFill("#0066cc", 0.3);
series2.selectFill("#0066cc", 0.5);
series2.hatchFill("zigzag", "#808080", 1, 15);
series2.stroke("#0066cc");
series2.hoverStroke("#0066cc", 2);
series2.selectStroke("#0066cc", 4);
chart.title("Range Area Chart: Appearance");
var xAxis = chart.xAxis();
var yAxis = chart.yAxis();
yAxis.title("Temperature, ?C");
chart.container("container");