html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.pie([

        {name: 'John', value: 10000},

        {name: 'Jake', value: 12000},

        {name: 'Peter', value: 16000},

        {name: 'Alex', value: 11000},

        {name: 'Tom', value: 13000},

        {name: 'Julia', value: 18000},

        {name: 'Alexa', value: 9000},

        {name: 'Henry', value: 18000},

        {name: 'Daniel', value: 5000},

        {name: 'Harley', value: 20000},

        {name: 'Megan', value: 17000}

    ]);

​

    var legend = chart.legend();

    legend.enabled(true);

    legend.width(450);

​

    var paginator = chart.legend().paginator();

​

    // Set padding.

    paginator.padding(20, '15px', '5px', 12);

​

    chart.title('Set the paginator padding by several values');

    chart.container('container');

    chart.draw();

});