html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // define chart type

  var chart = anychart.column();

​

  // chart title

  chart.title("Major and Minor Ticks");

​

  // setteing data

  var data = anychart.data.set([

    ["C", 5, 10],

    ["D", 25, 20],

    ["E", 15, 15]

  ]);

​

  // mapping data

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

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

​

  // setting series data

  chart.column(Sales2003);

  chart.column(Sales2004);

​

  // setting data for line chart

  chart.line([

    ["C", 10],

    ["D", 30],

    ["E", 15]

  ]);

​

  // adjusting y scale minimum and maximum values

  var yScale = chart.yScale();

  yScale.minimum(-50);

  yScale.maximum(100);

​

  // setting ticks and minor ticks

  var yTicks = chart.yScale().ticks();

  yTicks.interval(10);

  var yMinorTicks = chart.yScale().minorTicks();

  yMinorTicks.interval(2);

​

  // display minor ticks

  var minorTicks = chart.yAxis().minorTicks();

  minorTicks.enabled(true);

​

  chart.container("container");

  chart.draw();

});