html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.pie([

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

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

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

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

        {x: "Alpinism", value: 9}

    ]);

​

    chart.innerRadius("25%");

​

    var label = anychart.standalones.label();

    label.text("Activities");

    label.width("100%");

    label.height("100%");

    label.adjustFontSize(true);

    label.fontColor("#60727b");

    label.hAlign("center");

    label.vAlign("middle");

​

    // set the label as the center content

    chart.center().content(label);

​

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

    chart.container("container");

    chart.draw();

});