html, body {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

button {

    margin: 10px 0 0 10px;

}

#container {

    position: absolute;

    width: 100%;

    top: 35px;

    bottom: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

      {name:   "Root", children: [

        {name: "Child 1", value: 80636124},

        {name: "Child 2", value: 65511098},

        {name: "Child 3", value: 64938716} 

      ]} 

    ];

​

    // create a data tree

    treeData = anychart.data.tree(data, "as-tree");

​

    // create a chart and set the data

    var chart = anychart.sunburst(treeData);

​

    // set the chart title

    chart.title("Tree Data Model: Adding Data");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});

​

var itemCount = 1;

​

// add new data

function addItems() {

  //create new data

  var name_1 = "New Node " + itemCount++;

  var name_2 = "New Node " + itemCount++;

  var newData = [

    {"name": name_1, "value": 10000000},

    {"name": name_2, "value": 10000000}

  ];

  // add new data

  treeData.addData(newData, "as-tree");

}