html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function(){

​

  // data tree settings

  var treeData = anychart.data.tree(getData(), anychart.enums.TreeFillingMethod.AS_TREE);

​

  // chart type

  var chart = anychart.ganttProject();

​

  // chart container

  chart.container("container");

​

  // chart position

  chart.bounds(0, 0, "100%", "100%");

​

  // chart data

  chart.data(treeData);

​

  // data tree width

  chart.splitterPosition(160);

​

  var dataGrid = chart.dataGrid();

​

  // enable buttons in the first column

  dataGrid.column(0).collapseExpandButtons(true);

​

  // settings for the first column

  dataGrid.column(0).width(25).format(function(item) {

    return "";

  }).title().text("#");

  // settings for the second column

  dataGrid.column(1).width(135).format(function(item) {

    return item.get("name");

  }).title().text("Plan");

​

  // disable buttons in the second column

  dataGrid.column(1).collapseExpandButtons(false);

​

  // customize the data view

  dataGrid.column(1).depthPaddingMultiplier(0);

​

  // initiate drawing

  chart.draw();

​

  // area to display by default

  chart.zoomTo(Date.UTC(2007, 0, 1), Date.UTC(2007, 2, 29));

​

});

​

// data

function getData() {

  return [

  {

    "name": "Activities",

    "actualStart": Date.UTC(2007, 0, 25),

    "actualEnd": Date.UTC(2007, 2, 14),

    "children": [

      {

"name": "Draft plan",

"actualStart": Date.UTC(2007, 0, 25),

"actualEnd": Date.UTC(2007, 1, 3)

      },

      {

"name": "Board meeting",

"actualStart": Date.UTC(2007, 1, 4),

"actualEnd": Date.UTC(2007, 1, 4)

      },

      {

"name": "Research option",

"actualStart": Date.UTC(2007, 1, 4),

"actualEnd": Date.UTC(2007, 1, 24)

      },

      {

"id": "5",

"name": "Innovation activities",

"actualStart": Date.UTC(2007, 1, 24),

"actualEnd": Date.UTC(2007, 2, 14),

"children": [

    {

        "name": "Improvement research",

        "actualStart": Date.UTC(2007, 1, 24),

        "actualEnd": Date.UTC(2007, 2, 14)

      }

    ]

      },

    ]

  }

  ];

}