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.column();
var series1 = chart.rangeColumn(seriesData_1);
series1.normal().fill("#00cc99", 0.3);
series1.hovered().fill("#00cc99", 0.1);
series1.selected().fill("#00cc99", 0.5);
series1.normal().stroke("#00cc99", 1, "10 5", "round");
series1.hovered().stroke("#00cc99", 2, "10 5", "round");
series1.selected().stroke("#00cc99", 4, "10 5", "round");
var series2 = chart.rangeColumn(seriesData_2);
series2.normal().fill("#0066cc", 0.3);
series2.hovered().fill("#0066cc", 0.1);
series2.selected().fill("#0066cc", 0.5);
series2.normal().hatchFill("forward-diagonal", "#0066cc", 1, 15);
series2.hovered().hatchFill("forward-diagonal", "#0066cc", 1, 15);
series2.selected().hatchFill("forward-diagonal", "#0066cc", 1, 15);
series2.normal().stroke("#0066cc");
series2.hovered().stroke("#0066cc", 2);
series2.selected().stroke("#0066cc", 4);
chart.title("Range Column Chart: Appearance");
chart.xAxis().title("Month");
chart.yAxis().title("Temperature, \xb0C");
chart.container("container");