html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function(){

​

    // chart data

  var rawData = [{id: 1, name: 'Foundation', actualStart: '2107-02-06', actualEnd: '2107-02-15', connectTo: 2, connectorType: 'FinishStart'},

        {id: 2, name: 'Walls', actualStart: '2107-02-16', actualEnd: '2107-02-20', connectTo: 3, connectorType: 'StartStart'},

        {id: 3, name: 'Roof', actualStart: '2107-02-28', actualEnd: '2107-03-10', connectTo: 4, connectorType: 'FinishFinish'},

        {id: 4, name: 'Plumbing', actualStart: '2107-03-15', actualEnd: '2107-03-25', connectTo: 5, connectorType: 'StartFinish'},

        {id: 5, name: 'Wallpapers', actualStart: '2107-02-28', actualEnd: '2107-03-10'}];

​

  // create a data tree

  var treeData = anychart.data.tree(rawData, anychart.enums.TreeFillingMethod.AS_TABLE);

​

  // create project gantt chart

  var chart = anychart.ganttProject();

​

  // set data for the chart

  chart.data(treeData);

​

  // set the original chart title

  chart.title('Click on the connectors to get the information');

​

  // enable Gantt editing

  chart.editing(true);

​

  // listen to the connectorclick event and change the title 

  chart.listen('connectorclick', function(e){

    chart.title(e.fromItem.get('name') + ' to ' + e.toItem.get('name') + ': ' + e.connType);

  });

​

  // make connectors thicker

  chart.getTimeline().connectorStroke('#455A64', 3);

​

  // set row height

  chart.defaultRowHeight(45);

​

  // set width for the datagrid

  dataGrid = chart.dataGrid();

  dataGrid.column(0).width(10);

  dataGrid.column(1).width(140);

​

  // set pixel position of the main splitter

  chart.splitterPosition(150);

​

  // disable labels and tooltips

  chart.getTimeline().labels().enabled(false);

  chart.getTimeline().tooltip().enabled(false);

  dataGrid.tooltip().enabled(false);

​

  // set container id for the chart

  chart.container('container');

  // initiate chart drawing

  chart.draw();

​

  // zoom chart to to all elements

  chart.fitAll();

});