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 item = series1.legendItem();
19
20
// Set icon fill.
21
item.iconFill(['#FEFEFE', '#424242'], 0.5, 0.5, null, 0.8, 0.5, 0.5);
22
23
chart.title('Set icon fill as a radial gradient');
24
chart.container('container');
25
chart.draw();
26
});