HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
var chart = anychart.pie([2, 6, 12, 3]);
3
chart.hatchFill(true);
4
var palette = anychart.palettes.hatchFills();
5
6
// sets hatch fills
7
palette.items("divot", "grid", "forwardDiagonal", "horizontal");
8
9
chart.hatchFillPalette(palette);
10
chart.container("container");
11
chart.draw();
12
});