anychart.core.ui.Timeline.editIntervalWidth | samples | ui | core | API Reference | AnyChart Playground

HTMLcopy

 
<div id="container"></div>

CSScopy

 
html, body, #container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

JavaScriptAutocompletecopy

​x
 
anychart.onDocumentReady(function () {
    var data = getData();
​
    var chart = anychart.ganttProject();
    chart.data(data, "asTable");
    chart.editing(true);
​
    var timeLine = chart.getTimeline();
    timeLine.editing(true);
​
    // Set interval width.
    timeLine.editIntervalWidth(10);
​
    chart.title("Set edit interval width");
    chart.container("container");
    chart.draw();
    chart.fitAll();
});
​
function getData() {
    return [
        {
            "id": "1",
            "name": "Phase 1 - Strategic Plan",
            "progressValue": "14%",
            "actualStart": "2000-02-24 08:00:00",
            "actualEnd": "2000-02-27 08:00:00"
        },
        {
            "id": "2",
            "name": "Self-Assessment",
            parent: "1",
            "progressValue": "25%",
            "actualStart": "2000-02-24 08:00:00",
            "actualEnd": "2000-02-29 08:00:00",
            "baselineStart": "2000-02-27 08:00:00",
            "baselineEnd": "2000-02-28 08:00:00"
        },
        {
            "id": "3",
            "name": "Define business vision",
            parent: "2",
            "progressValue": "0%",
            "actualStart": "2000-02-25 00:00:00",
            "actualEnd": "2000-02-25 09:00:00",
            "connectTo": "4",
            "connectorType": "FinishStart"
        },
        {
            "id": "4",
            "name": "Identify available skills, information and support",
            parent: "2",
            "progressValue": "0%",
            "actualStart": "2000-02-26 00:00:00",
            "actualEnd": "2000-02-26 09:00:00",
            "connectTo": "5",
            "connectorType": "FinishStart"
        },
        {
            "id": "5",
            "name": "Decide whether to proceed",
            parent: "2",
            "progressValue": "0%",
            "actualStart": "2000-02-27 08:00:00",
            "actualEnd": "2000-02-28 08:00:00",
            "connectTo": "6",
            "connectorType": "FinishStart"
        },
        {
            "id": "6",
            "name": "Define the Opportunity",
            parent: "1",
            "progressValue": "27%",
            "actualStart": "2000-02-28 08:00:00",
            "actualEnd": "2000-02-29 08:00:00"
        },
        {
            "id": "7",
            "name": "Research the market and competition",
            parent: "6",
            "progressValue": "0%",
            "actualStart": "2000-02-26 08:00:00",
            "actualEnd": "2000-02-27 08:00:00",
            "connectTo": "8",
            "connectorType": "FinishStart"
        }
    ];
}