html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

    var xml =

            '<anychart xmlns="https://www.anychart.com/schemas/7.5.0/xml-schema.xsd">'+

            '<gantt type="ganttProject">'+

            '<controller>'+

            '<tree_data>'+

            '<children>'+

            '<data_item>'+

            '<tree_data_item_data name="Activities" actual_start="1169683200000" actual_end="1173830400000"/>'+

            '<children>'+

            '<data_item>'+

            '<tree_data_item_data name="Draft plan" actual_start="1169683200000" actual_end="1170460800000"/>'+

            '</data_item>'+

            '<data_item>'+

            '<tree_data_item_data name="Board meeting" actual_start="1170547200000" actual_end="1170547200000"/>'+

            '</data_item>'+

            '<data_item>'+

            '<tree_data_item_data name="Research option" actual_start="1170547200000" actual_end="1172275200000"/>'+

            '</data_item>'+

            '<data_item>'+

            '<tree_data_item_data name="Final plan" actual_start="1172275200000" actual_end="1173830400000"/>'+

            '</data_item>'+

            '</children>'+

            '</data_item>'+

            '</children>'+

            '</tree_data>'+

            '</controller>'+

            '</scale>'+

            '</timeline>'+

            '</gantt>'+

            '</anychart>';

​

    var chart = anychart.fromXml(xml);

​

    // set container id for the chart

    chart.container('container');

​

    // initiate chart drawing

    chart.draw();

​

});