html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.column();

​

    var firstSeries = chart.column([10, 4, 17, 20]);

    firstSeries.hatchFill(true);

    var secondSeries = chart.column([5, 16, 10, 3]);

    secondSeries.hatchFill(true);

    var thirdSeries = chart.column([25, 4, 28, 11]);

    thirdSeries.hatchFill(true);

​

    // Sets the hatchFill palette.

    chart.hatchFillPalette(["divot", "zigZag", "weave"]);

​

    chart.title("Set hatch fill palette.");

    chart.container("container");

    chart.draw();

});