html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var stage = anychart.graphics.create('container');

​

    var barChart = anychart.bar3d();

    barChart.bounds(0, 10, '50%', '100%');

​

    var barSeries1 = barChart.bar([10, 4, 17, 20]);

    barSeries1.hatchFill(true);

    var barSeries2 = barChart.bar([5, 16, 10, 3]);

    barSeries2.hatchFill(true);

    var barSeries3 = barChart.bar([25, 4, 28, 11]);

    barSeries3.hatchFill(true);

​

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

    barChart.container(stage);

    barChart.draw();

​

    var columnChart = anychart.column3d();

    columnChart.bounds('50%', 10, '50%', '100%');

​

    var columnSeries1 = columnChart.column([10, 4, 17, 20]);

    columnSeries1.hatchFill(true);

    var columnSeries2 = columnChart.column([5, 16, 10, 3]);

    columnSeries2.hatchFill(true);

    var columnSeries3 = columnChart.column([25, 4, 28, 11]);

    columnSeries3.hatchFill(true);

​

    // Get hatch fill palette of the bar chart.

    var barChartHatchFillPalette = barChart.hatchFillPalette();

​

    columnChart.hatchFillPalette(barChartHatchFillPalette);

    columnChart.container(stage);

    columnChart.draw();

​

    var title = anychart.standalones.title();

    title.text('Get and use hatchFill palette');

    title.container(stage);

    title.draw();

});