html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

    anychart.onDocumentReady(function () {

        var data_1 = [["1", "82"], ["1", "90"], ["1", "78"], ["1", "86"], ["1", "86"], ["1", "88"], ["1", "86"], ["2", "87"], ["2", "90"], ["2", "87"], ["2", "90"], ["2", "67"], ["2", "90"], ["2", "77"], ["3", "82"], ["3", "96"], ["3", "82"], ["3", "80"], ["3", "93"], ["3", "67"], ["3", "87"], ["4", "66"], ["4", "91"], ["4", "71"], ["4", "77"], ["4", "77"], ["4", "80"], ["4", "83"], ["5", "76"], ["5", "82"], ["5", "62"], ["5", "78"], ["5", "84"], ["5", "78"], ["5", "76"]],

        chart = anychart.scatter();

        var series1 = chart.bubble(data_1);

        chart.maxBubbleSize(20);

        chart.minBubbleSize(1);

        series1.tooltip()

            .hAlign('start')

            .format(function () {

                return 'Value: ' + this.value;

            });

​

        chart.getSeriesAt(0).name("Score");

​

        chart.xScale().minimum(0).ticks().interval(1);

        chart.xAxis(0).drawFirstLabel(false).drawLastLabel(false);

​

        xLabels = chart.xAxis().labels();

        xLabels.format(function (x) {

            var xLabel;

            xLabel = x.value;

            return xLabel;

        });

        xLabels.fontSize(10);

        xLabels.width(60);

        xLabels.height(25);

        xLabels.textOverflow("...");

        xLabels.hAlign("center");

​

        chart.xGrid(true);

        chart.yGrid(true);

        chart.xMinorGrid(true);

        chart.yMinorGrid(true);

​

        chart.yScale().minimum(40);

        chart.yScale().maximum(100);

        chart.container('container');

        chart.draw();

    });

​