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.pie([
3
{name: 'John', value: 10000},
4
{name: 'Jake', value: 12000},
5
{name: 'Peter', value: 16000},
6
{name: 'Alex', value: 11000},
7
{name: 'Tom', value: 13000},
8
{name: 'Julia', value: 18000},
9
{name: 'Alexa', value: 9000},
10
{name: 'Henry', value: 18000},
11
{name: 'Daniel', value: 5000},
12
{name: 'Harley', value: 20000},
13
{name: 'Megan', value: 17000}
14
]);
15
16
var legend = chart.legend();
17
legend.enabled(true);
18
legend.width(450);
19
20
var paginator = chart.legend().paginator();
21
22
// Set padding.
23
paginator.padding(15);
24
25
chart.title('Set the paginator padding using single value');
26
chart.container('container');
27
chart.draw();
28
});