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,

       normal:   { fill: "#5cd65c",

           stroke: "#5cd65c"

         },

       hovered:  { hatchFill: "forward-diagonal",

           marker: { enabled: true,

                     size: 20,

                     type: "star5",

                     fill: "gold"

                   }

         },

       selected: { hatchFill: "forward-diagonal",

           marker: { enabled: true,

                     size: 20,

                     type: "star5",

                     fill: "gold"

                   }

         }

      },

      {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);

​

    // set the chart title

    chart.title("States: Points (Object Notation)");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});