html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

      {x: "John", value: 10000},

      {x: "Jake", value: 12000},

      {x: "Peter", value: 13000, hatchFill: "forward-diagonal"},

      {x: "James", value: 10000},

      {x: "Mary", value: 9000}

    ];

​

    // create a chart

    var chart = anychart.column();

​

    // create a column series and set the data

    var series = chart.column(data);

​

    // configure the states of the series

    series.fill("#0066cc", 0.5);

    series.stroke("#0066cc", 2);

    series.markers(true);

    series.labels(true);

​

    // set the chart title

    chart.title("States: Shortcuts (Normal State)");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});