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, "asTable");

​

    var criticalPath = chart.criticalPath();

​

    // Get milestones.

    var criticalPathMilestones = criticalPath.milestones();

    criticalPathMilestones.fill("#F44336");

​

    chart.title("Get and modify milestones.");

    chart.container("container");

    chart.draw();

});