html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

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

​

    var palette = anychart.palettes.distinctColors();

    palette.items(['#F44336', '#FFEB3B', '#795548', '#4CAF50']);

​

    // Set the item by index.

    palette.itemAt(2, '#FFFFFF');

​

    for (var i = 1; i < 10; i++) {

        var rect = stage.rect((i - 1) * stage.width() / 9, 0, stage.width() / 9 - .5, stage.height());

        rect.fill(palette.itemAt(i));

        rect.stroke('1px #000');

    }

});