html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  // 1) Create a stage for your chart

  var stage = acgraph.create('container');

  // 2) Create a shape and configure it (in this case, an image)

  var image = stage.image(

    "https://www.anychart.com/_design/img/static/AnyChart-circle.png", 

    0, // X position

    0, // Y position

    40, // Width

    40  // Height

  );

  // 3) Create your chart and configure it

  var chart = anychart.pie([

    {x: "Cycling", value: 10},

    {x: "Swimming", value: 12},

    {x: "Run", value: 18},

    {x: "Hiking", value: 11},

    {x: "Alpinism", value: 9}

  ]);

​

  // Set an inner radius to create a donut chart

  chart.innerRadius("25%");

​

  // 4) Put the shape in the donut chart with the content() method

  chart.center().content(image);

​

  // Set chart title

  chart.title("Donut Chart: Image in the center");

​

  // Attach chart to the stage and render it

  chart.container(stage);

  chart.draw();

});