html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.quadrant([

        {x: 10, value: 20},

        {x: 20, value: 80},

        {x: 30, value: 40},

        {x: 40, value: 60},

        {x: 60, value: 50},

        {x: 70, value: 35},

        {x: 80, value: 67},

        {x: 90, value: 81}

    ]);

​

    // Get quarters.

    var quarters = chart.quarters();

​

    quarters.rightTop({fill: '#DCEDC8'});

    quarters.leftTop({fill: '#C5CAE9'});

    quarters.leftBottom({fill: '#FFCDD2'});

    quarters.rightBottom({fill: '#FFF9C4'});

​

    chart.title('Get and modify quarters');

    chart.container('container');

    chart.draw();

});