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.sparkline([5, 50, 10, 60, 20, 70, 30]);
3
chart.seriesType('column');
4
5
// Set hatch fill.
6
chart.hatchFill(function () {
7
if (this.index > 2) {
8
return {type: 'diagonal-brick'};
9
}
10
});
11
12
chart.title({text: 'Set hatch fill parameter as a function', orientation: 'top'});
13
chart.container('container');
14
chart.draw();
15
});