html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

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

​

    var firstChart = anychart.marker();

    firstChart.marker([10, 4, 17, 20]);

    firstChart.marker([5, 16, 10, 3]);

    firstChart.marker([25, 4, 28, 11]);

​

    firstChart.bounds(0, 0, "50%", "100%");

    firstChart.markerPalette(["diamond", "line", "circle"]);

    firstChart.container(stage);

    firstChart.draw();

​

    var secondChart = anychart.marker();

    secondChart.marker([5, 40, 6, 37]);

    secondChart.marker([7, 23, 9, 18]);

    secondChart.marker([11, 17, 12, 34]);

​

    secondChart.bounds("50%", 0, "50%", "100%");

​

    // Gets marker palette of the first chart.

    var firstChartMarkerPalette = firstChart.markerPalette();

​

    secondChart.markerPalette(firstChartMarkerPalette);

    secondChart.container(stage);

    secondChart.draw();

​

    var title = anychart.standalones.title();

    title.text("Get and use marker palette.");

    title.container(stage);

    title.draw();

});