html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  var stage = anychart.graphics.create("container");

​

  // data set

  data = anychart.data.set([

    ["P1", 16, 20],

    ["P2", 12, 18],

    ["P3", 9, 14]

  ]);

​

  // data remapping

  seriesData_1 = data.mapAs({x: [0], value: [1]});

  seriesData_2 = data.mapAs({x: [0], value: [2]});

  // chart with rotated labels

  rotatedLabels = anychart.column();

  rotatedLabels.title("Rotated labels");

  rotatedBackground = rotatedLabels.background();

  rotatedBackground.stroke("#CCCCCC");

​

  // set scale minimum

  rotatedYScale = rotatedLabels.yScale();

  rotatedYScale.minimum(0);

​

  // rotating labels

  rotatedXAxis = rotatedLabels.xAxis().labels();

  rotatedXAxis.rotation(-90);

  rotatedYAxis = rotatedLabels.yAxis().labels();

  rotatedYAxis.rotation(-90);

​

  rotatedLabels.column(seriesData_1);

  rotatedLabels.column(seriesData_2);

​

  rotatedLabels.container(stage);

  rotatedLabels.draw();

});