html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.scatter();

    var firstSeries = chart.marker([

        [4.1, 10],

        [2.3, 6],

        [3.4, 17]

    ]);

    firstSeries.hatchFill(true);

    var secondSeries = chart.marker([

        [4.4, 20],

        [2.3, 11],

        [3.1, 22]

    ]);

    secondSeries.hatchFill(true);

    var thirdSeries = chart.marker([

        [4.8, 1],

        [2.6, 16],

        [3.9, 7]

    ]);

    thirdSeries.hatchFill(true);

    chart.hatchFillPalette(["percent50", "diagonalBrick", "zigzag"]); // sets hatch fill palette

    chart.container("container");

    chart.draw();

});