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.line();
3
4
var series1 = chart.line([
5
{x: 'Cycling', value: 10},
6
{x: 'Swimming', value: 32},
7
{x: 'Run', value: 18}
8
]);
9
10
var series2 = chart.line([
11
{x: 'Cycling', value: 15},
12
{x: 'Swimming', value: 9},
13
{x: 'Run', value: 29}
14
]);
15
16
chart.legend(true);
17
18
var item1 = series1.legendItem();
19
20
// Set hatch fill.
21
item1.iconHatchFill('divot', '#000000', 1, 5);
22
23
chart.title('Set hatch fill parameters');
24
chart.container('container');
25
chart.draw();
26
});