html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

  // set data and define chart type

  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}

  ]);

  // legend settings

  var legend = chart.legend();

  // enables legend

  legend.enabled(true);

  // set legend height

  legend.height(140);

  // set legend width

  legend.width(95);

  // set legend position

  legend.position("left");

  // set legend align

  legend.align("top");

  // set padding 10px

  legend.padding(10);

  // legend items layout

  legend.itemsLayout("vertical");

  // paginator settings

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

  // place paginator at the bottom of a legend

  paging.orientation("bottom");

  // draw

  chart.container("container");

  chart.draw();

});