html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // chart type

  var chart = anychart.column();

​

  // adjust grid

  var grid = chart.grid();

  // enable grid

  grid.enabled(true);

  // set grid's stroke appearance

  grid.stroke({

    // set stroke color

    color: "#FFF",

    // set dashes and gaps length

    dash: "3 5"

  });

​

  // set y ticks interval

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

  yTicks.interval(100000);

​

  var title = chart.title();

  title.enabled(true);

  title.fontColor("#FFF");

  title.text("Custom Grid Stroke");

​

  // set background color

  var background = chart.background();

  background.fill({

    // set colors position

    keys: ["#BB0000", "#440000"],

    // set angle of colors drawing

    angle: 45

  });

​

  var series = chart.column([

    ["A", 637166],

    ["B", 721630],

    ["C", 148662],

    ["D", 78662],

    ["E", 90000]

  ]);

  // disable series tooltip

  series.tooltip(false);

  // set chart stroke

  series.stroke("#FFF");

  // set series inner color

  series.fill("#FF0 0.85");

​

  // adjust y axis

  var yAxis = chart.yAxis();

  yAxis.stroke("white");

  yAxis.ticks(false);

  var yLabels = chart.yAxis().labels();

  yLabels.fontColor("white");

  // adjust x axis

  var xAxis = chart.xAxis();

  xAxis.stroke("white");

  var xLabels = chart.xAxis().labels();

  xLabels.fontColor("white");

​

  // draw

  chart.container("container");

  chart.draw();

});