html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  // create variable for custom theme

  var customTheme = {

    // define settings for bar charts

    "bar": {

      "title": "Bar Chart",

      "defaultXAxisSettings": {

"title": {

  "text": "Retail Channel",

  "enabled": true

}

      },

      "defaultYAxisSettings": {

"title": {

  "text": "Sales",

  "enabled": true

}

      },

      "padding": 0

    },

    // settings for column charts

    "column": {

      "title": "Column Chart",

      "defaultXAxisSettings": {

"title": {

  "text": "Retail Channel",

  "enabled": true

}

      },

      "defaultYAxisSettings": {

"title": {

  "text": "Sales",

  "enabled": true

}

      },

      "padding": 0

    }

  };

​

  // data

  var data = [

    ["Department Stores", 637166],

    ["Discount Stores", 721630],

    ["Men's/Women's Specialty Stores", 148662],

    ["All other outlets", 90000]

  ];

​

  // apply custom theme

  anychart.theme(customTheme);

​

  // set stage

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

​

  // set chart type

  var bar = anychart.bar(data);

  bar.bounds(0, 0, "100%", "50%");

  bar.container(stage).draw();

​

  var column = anychart.column(data);

  column.bounds(0, "50%", "100%", "50%");

  column.container(stage).draw();

});