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([1, 4, -7, 1, -3, 6, -8, 3]);
3
chart.seriesType('column');
4
5
// Set hatch fill for negative points.
6
chart.negativeHatchFill(function() {
7
if (this.index > 1) {
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
});