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}

  ]);

  var legend = chart.legend();

  // enables legend

  legend.enabled(true);

  // set legend position

  legend.position("left");

  // set legend align

  legend.align("top");

  // legend items layout

  legend.itemsLayout("vertical");

  // background settings

  var background = legend.background();

  // background inner color settings

  background.fill(["white", "lightgreen"], -45);

  background.enabled(true);

  // draw

  chart.container("container");

  chart.draw();

});