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 milestones = chart.milestones();

​

    // Set fill.

    milestones.fill({

        src: "https://static.anychart.com/images/underwater.jpg",

        mode: "stretch"

    });

​

    chart.title("Set milestones fill as an image.");

    chart.container("container");

    chart.draw();

});