html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // The data used in this sample can be obtained from the CDN

  // https://cdn.anychart.com/samples/gantt-working-with-data/csv-data/data.js

  var data = getData(); // eslint-disable-line no-undef

  // create data tree on raw data represented as table structure

  var treeData = anychart.data.tree(

    data.csvData,

    data.csvMapping,

    data.csvSettings

  );

​

  // create project gantt chart

  var chart = anychart.ganttProject();

​

  // set data for the chart

  chart.data(treeData);

​

  // set container id for the chart

  chart.container('container');

​

  // initiate chart drawing

  chart.draw();

​

  // zoom chart all dates range

  chart.fitAll();

});