html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    //create quadrant chart

    var chart = anychart.quadrant();

    //set chart padding

    chart.padding(10);

​

    //set scales settings

    chart.yScale()

        .minimum(0)

        .maximum(80);

    chart.xScale()

        .minimum(137.5)

        .maximum(212);

​

    //The data used in this sample can be obtained from the CDN

    //https://cdn.anychart.com/samples-data/quadrant-charts/top-30-countries-by-quality-of-life/data.js

    //map data for the series

    var data = anychart.data.set(getData()).mapAs({'x': 'x', 'value': 'y'});

​

    //create series with data

    var series = chart.marker(data);

    series.fill('#01579b')

        .stroke(null)

        .type('circle')

        .size(4)

        .selectionMode('none');

    series.labels()

        .enabled(true)

        .fontFamily('Arial')

        .position('right')

        .anchor('right-center')

        .fontColor('#455a64')

        .offsetX(5)

        .offsetY(0)

        .format(function () {

            return this.getData('name')

        });

​

​

    //set chart container id

    chart.container('container');

    //initiate chart drawing

    chart.draw();

​

    function getData() {

        return [

            {name: "Denmark", x: 201.53, y: 26.84},

            {name: "Switzerland", x: 196.44, y: 21.73},

            {name: "Australia", x: 196.40, y: 24.09},

            {name: "New Zealand", x: 196.09, y: 19.43, label: {anchor: 'left-center'}},

            {name: "Germany", x: 189.87, y: 27.68},

            {name: "Austria", x: 187.00, y: 25.43},

            {name: "Netherlands", x: 186.46, y: 29.08, label: {anchor: 'left-center'}},

            {name: "Spain", x: 184.69, y: 40.37, label: {anchor: 'left-center'}},

            {name: "Finland", x: 183.98, y: 14.57},

            {name: "United States", x: 181.91, y: 32.73, label: {anchor: 'left-center'}},

            {name: "Portugal", x: 180.66, y: 29.87},

            {name: "Sweden", x: 177.93, y: 16.59},

            {name: "United Kingdom", x: 177.73, y: 34.24},

            {name: "Norway", x: 176.23, y: 19.28, label: {anchor: 'left-center'}},

            {name: "Canada", x: 172.83, y: 28.17, label: {anchor: 'left-center'}},

            {name: "Estonia", x: 171.71, y: 19.19},

            {name: "Ireland", x: 170.83, y: 27.47},

            {name: "Czech Republic", x: 167.77, y: 42.17},

            {name: "South Korea", x: 167.52, y: 50.28, label: {anchor: 'left-center'}},

            {name: "Croatia", x: 167.51, y: 30.69},

            {name: "Belgium", x: 162.57, y: 50.46, label: {anchor: 'center-top', offsetX: 0, offsetY: 3}},

            {name: "Israel", x: 160.72, y: 61.91},

            {name: "Italy", x: 160.21, y: 52.96},

            {name: "Saudi Arabia", x: 156.98, y: 72.12},

            {name: "Greece", x: 156.80, y: 49.10},

            {name: "Slovakia", x: 154.13, y: 44.28},

            {name: "Taiwan", x: 150.62, y: 64.30},

            {name: "Poland", x: 150.13, y: 50.79}

        ]

    }

});