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(["#00F", "#F44336", ["#FF9800", "#F44336"], "#00C", "#00B", "#00A", "#009", "#008"]); // set colors

​

    // get colors

    var colors = palette.items();

​

    var len = colors.length - 1;

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

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

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

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

    }

});