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
3
// define data
4
var data = [
5
["A1", 100, 200, 70, 25, 40],
6
["A2", 115, 101, 150, 130, 22],
7
["A3", 70, 60, 10, 67, 54],
8
["A4", 156, 98, 125, 46, 104],
9
["A5", 213, 150, 200, 137, 179]
10
];
11
// create chart
12
var chart = anychart.bar();
13
chart.data(data);
14
15
chart.getSeries(0).hatchFill("VERTICALBRICK");
16
chart.getSeries(1).hatchFill("PERCENT60");
17
chart.getSeries(2).hatchFill("CHECKERBOARD");
18
chart.getSeries(3).hatchFill("CONFETTI");
19
chart.getSeries(4).hatchFill("SOLIDDIAMOND");
20
21
chart.container("container");
22
chart.draw();
23
24
});