html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.column();

​

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

    series1.hatchFill(true);

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

    series2.hatchFill(true);

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

    series3.hatchFill(true);

​

    // Set the hatchFill palette.

    chart.hatchFillPalette(['divot', 'zig-zag', 'weave']);

​

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

    chart.container('container');

    chart.draw();

});