html, body, #container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

    // create a stage

    var stage = anychart.graphics.create('container');

​

    // create data

    var data = [

      {

        id: '1',

        name: 'Development',

        actualStart: '2018-01-15',

        actualEnd: '2018-03-10',

        children: [

          {

            id: '1_1',

            name: 'Analysis',

            actualStart: '2018-01-15',

            actualEnd: '2018-01-25'

          },

          {

            id: '1_2',

            name: 'Design',

            actualStart: '2018-01-20',

            actualEnd: '2018-02-04'

          },

          {

            id: '1_3',

            name: 'Meeting',

            actualStart: '2018-02-05',

            actualEnd: '2018-02-05'

          },

          {

            id: '1_4',

            name: 'Implementation',

            actualStart: '2018-02-05',

            actualEnd: '2018-02-24'

          },

          {

            id: '1_5',

            name: 'Testing',

            actualStart: '2018-02-25',

            actualEnd: '2018-03-10'

          }

      ]}

    ];

    // create a data tree

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

​

    // create a project gantt chart

    var chart = anychart.ganttProject();

​

    // set the data

    chart.data(treeData);

​

    // set the container id

    chart.container(stage);

​

    // draw the chart

    chart.draw();

​

    // fit the elements to the width of the timeline

    chart.fitAll();

    // create a standalone legend

    var legend = anychart.standalones.legend();

​

    // set the items

    legend.items([

      {text: 'first', iconFill: '#2196F3', iconType: 'circle'},

      {text: 'second', iconFill: 'green', iconType: 'square'},

      {text: 'third', iconFill: 'rgb(240,230,140)', iconType: 'triangle-up'}]

      );

    // set the legend position

    legend.position('bottom');

    // set the legend container

    legend.container(stage);

    // draw the legend

    legend.draw();

});