html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

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

​

    var pyramidChart = anychart.pyramid([

        {x: "Physical", value: 125},

        {x: "Data Link", value: 125},

        {x: "Network", value: 125},

        {x: "Transport", value: 125},

        {x: "Session", value: 125},

        {x: "Presentation", value: 125},

        {x: "Application", value: 390, label: {anchor: "centerTop"}}

    ]);

​

    pyramidChart.labels({position: "inside"});

    pyramidChart.bounds(0, 20, "50%", "100%");

    pyramidChart.palette(anychart.palettes.earth);

    pyramidChart.container(stage);

    pyramidChart.draw();

​

    var columnChart = anychart.column();

    columnChart.column([1, 2, 3, 4]);

    columnChart.column([2, 3, 4, 1]);

    columnChart.column([3, 4, 1, 2]);

    columnChart.column([4, 1, 2, 3]);

    columnChart.bounds("50%", 20, "50%", "100%");

​

    // Get chart palette.

    var pyramidChartPalette = pyramidChart.palette();

​

    columnChart.palette(pyramidChartPalette);

    columnChart.container(stage);

    columnChart.draw();

​

    var customTitle = anychart.standalones.title();

    customTitle.text("Get and use chart palette.");

    customTitle.container(stage);

    customTitle.draw();

});