html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var data = [

        {id: 'A1', duration: 1, name: 'Task A'},

        {id: 'A2', duration: 3, name: 'Task B'},

        {id: 'A3', duration: 3, name: 'Task C'},

        {id: 'A4', duration: 1, name: 'Task D'},

        {id: 'A5', duration: 2, name: 'Task AD', dependsOn: ['A1', 'A4']},

        {id: 'A6', duration: 2, name: 'Task BC', dependsOn: ['A2', 'A3']}

    ];

​

    var chart = anychart.pert();

    chart.data(data, 'as-table');

​

    var criticalPath = chart.criticalPath();

​

    // Get tasks.

    var criticalPathTasks = criticalPath.tasks();

    criticalPathTasks.stroke('2 #F44336');

​

    chart.title('Get and modify tasks');

    chart.container('container');

    chart.draw();

});