html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

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

​

    var customTheme = {

​

//-----------------------------------CHART-----------------------------------------------------------

        chart: {

​

        },//<--закрывашка chart

 //-----------------------------------AREA------------------------------------------------------------

      pie: {

      },//<--закрывашка area

//-----------------------------------LINE-----------------------------------------------------------

      pie3d: {

      },//<--закрывашка line

//-----------------------------------COLUMN---------------------------------------------------------

      line2d: {

      },//<--закрывашка column

//-----------------------------------BAR-----------------------------------------------------------

      funnel: {

      },//<--закрывашка bar

//-----------------------------------BOX-----------------------------------------------------------

      pyramid: {

      },//<--закрывашка box

//-----------------------------------CARTESIAN------------------------------------------------------

      sparkline: {

      },//<--закрывашка cartesian

//-----------------------------------AREA-3D--------------------------------------------------------

      mekko: {

      },//<--закрывашка area

//-----------------------------------LINE-3D--------------------------------------------------------

      barmekko: {

​

      },//<--закрывашка line

//-----------------------------------COLUMN-3D------------------------------------------------------

      mosaic: {

​

      },//<--закрывашка column

//---------------------------------------------------------------------------------------------      

    };//<--закрывашка темы

    anychart.theme(customTheme);

    var data = [

    {x: "Rd", value: 10000},

    {x: "Rn", value: 15000},

    {x: "Ll", value: 16000},

    {x: "Gr", value: 9000},

    {x: "Bl", value: 19000},

    {x: "Pp", value: 0}

    ];

    var dataBox = [

    {x: "Jn", low: 1000, q1: 1050, median: 1200, q3: 1800, high: 2000, outliers: [800, 2500, 3200]},

    {x: "Fb", low: 2500, q1: 3000, median: 3800, q3: 3900, high: 4000},

    {x: "Mr", low: 2000, q1: 2300, median: 2500, q3: 2900, high: 3000},

    {x: "Ap", low: 4000, q1: 5000, median: 6500, q3: 6500, high: 7000, outliers: [8930]},

    {x: "My", low: 8000, q1: 8400, median: 8500, q3: 8800, high: 9000, outliers: [6950, 3000]}

    ];

​

    var chart1 = anychart.pie(data);

    chart1.bounds(0, 0, "33%", "33%");

    chart1.container(stage);

    chart1.draw();

​

    var chart2 = anychart.pie3d(data);

    chart2.bounds(0, "33%", "33%", "33%");

    chart2.container(stage);

    chart2.draw();

    var chart3 = anychart.line3d();

    chart3.line2d([

            ['As', 21],

            ['Ps', 41],

            ['Bs', 9],

            ['Gs', 0]

    ]);

    chart3.bounds(0, "66%", "33%", "33%");

    chart3.container(stage);

    chart3.draw();

    var chart4 = anychart.funnel(data);

    chart4.bounds("33%", 0, "33%", "33%");

    chart4.container(stage);

    chart4.draw();

    var chart5 = anychart.pyramid(data);

    chart5.bounds("33%", "33%", "33%", "33%");

    chart5.container(stage);

    chart5.draw();

    var chart7 = anychart.sparkline(data);

    chart7.bounds("33%", "66%", "33%", "33%");

    chart7.container(stage);

    chart7.draw();

    var chart9 = anychart.mekko(data);

    chart9.bounds("66%", 0, "33%", "33%");

    chart9.container(stage);

    chart9.draw();

    var chart10 = anychart.barmekko(data);

    chart10.bounds("66%", "33%", "33%", "33%");

    chart10.container(stage);

    chart10.draw();

    var chart11 = anychart.mosaic(data);

    chart11.bounds("66%", "66%", "33%", "33%");

    chart11.container(stage);

    chart11.draw();

});