html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create column chart

    var chart = anychart.column();

​

    // set series data

    var series = chart.column([

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

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

        {x:"Peter", value: 18000},

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

        {x:"Mary", value: 9000}

    ]);

​

    var palette = anychart.palettes.distinctColors();

​

    for (var i=0; series.getPoint(i).exists();i++)

        series.getPoint(i).set("fill", palette.itemAt(i));

​

    series.stroke(null);

    series.name("Sales 2004");

    chart.title("Coloring Each Point");

​

    // set container id for the chart

    chart.container("container");

​

    // initiate chart drawing

    chart.draw();

});