html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

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

​

    var rect = stage.rect(20, 0, 160, 100);

    rect.stroke('#000000');

​

    var markers = anychart.standalones.markersFactory();

    markers.size(25);

    markers.fill('#009688');

​

    for (var i = 0; i < 3; i++) {

        var marker = markers.add({value: {x: 50 * (i + 1), y: 50}}, i);

        marker.position('left-top');

​

        // Get position.

        var position = marker.position();

        if ((i == 0) && (position = 'left-top')) {

            marker.fill('#00BCD4');

        }

    }

    markers.container(stage);

    markers.draw();

});