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

​

    var state = tasks.normal();

​

    // Get upper labels.

    var upperLabels = state.upperLabels();

​

    upperLabels.fontSize(16);

    upperLabels.fontColor('#FF3D00');

​

    chart.title('Get and modify upper labels');

    chart.container('container');

    chart.draw();

});