html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    anychart.data.loadJsonFile('https://cdn.anychart.com/gantt-data/milestone-previews.json', function(data) {

        var chart = anychart.ganttProject();

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

​

        var timeLine = chart.getTimeline();

​

        // Enable milestone previews and their labels.

        var preview = timeLine.milestones().preview();

        preview.enabled(true);

        preview.labels(true);

​

        // Set cropLabels and enable milestone preview labels cropping.

        timeLine.cropLabels(true);

​

        chart.title('Set labels crop');

        chart.container('container');

        chart.draw();

        chart.fitAll();

    })

});