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.height(145);

    legend.width(135);

    legend.position('left');

    legend.align('top');

    legend.itemsLayout('vertical');

​

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

    paginator.padding(3);

    paginator.layout('vertical');

    paginator.orientation('left');

​

    chart.title('Set the active page to the paginator');

    chart.container('container');

    chart.draw();

​

    // Set the active page with number 2.

    paginator.currentPage(2);

});