html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

        {

            name: "Berries", children: [

            {name: "Blueberry", value: 25}

        ]

        },

        {

            name: "Nuts", children: [

            {

                name: "Cashew", children: [

                {name: "Salted", value: 2},

                {name: "Unsalted", value: 5}

            ]

            },

            {name: "Almond", value: 10},

            {name: "Walnut", value: 4},

            {name: "Pine nut", value: 15}

        ]

        },

        {

            name: "Fruits", children: [

            {name: "Pomegranate", value: 6},

            {

                name: "Mango", children: [

                {name: "Dried", value: 2},

                {name: "Fresh", value: 3}

            ]

            }

        ]

        }

    ];

​

    // create a chart and set the data

    var chart = anychart.sunburst(data, "as-tree");

​

    // set the calculation mode

    chart.calculationMode("parent-independent");

​

    // format chart labels

    chart.labels().format('{%Name}');

​

    // format chart labels

    chart.tooltip().format('{%Name}:{%Value}');

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});