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 stage = anychart.graphics.create('container');
3
4
var pattern = stage.pattern(new anychart.graphics.math.Rect(0, 0, 20, 20));
5
pattern.star5(10, 10, 8).stroke('#78909C');
6
7
var chart = anychart.sparkline([50, 5, 10, 60, 20, 70, 30]);
8
chart.seriesType('column');
9
10
// Set hatch fill for the maximum point.
11
chart.maxHatchFill(pattern);
12
13
chart.title({text: 'Set hatch fill as a pattern', orientation: 'top'});
14
chart.container(stage);
15
chart.draw();
16
});