html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

  // donut chart data

  var data = [

    ["Resurrection Stone", 1],    

    ["Cloak of Invisibility", 1],    

    ["Elder Wand", 1],

  ];

​

  // create pie chart and configure it

  var pie = anychart.pie(data);

  pie.title("The Deathly Hallows")

  pie.innerRadius('85%');

  pie.labels(false);

  pie.tooltip().format("").separator(false);

  // create a layer and put some shapes in it

  var layer = anychart.graphics.layer();

​

  // draw the square

  layer.rect(25, 50, 350, 300);

​

  // draw the circle

  layer.circle(200, 250, 100).stroke(anychart.palettes.defaultPalette[0]);

​

  // draw the triangle

  layer.path()

      .moveTo(25, 350)

      .lineTo(200, 50)

      .lineTo(375, 350)

      .close()

      .stroke(anychart.palettes.defaultPalette[1]);

​

  // draw the wand in the middle

  layer.path()

      .moveTo(200, 50)

      .lineTo(200, 350)

      .stroke(anychart.palettes.defaultPalette[2]);  

  // set layer as the center of the chart 

  pie.center().content(layer);

  // display donut chart

  pie.container('container').draw();

});