Та же подзадача отображается как веха на угловой диаграмме Ганта

У меня на странице есть угловая диаграмма Ганта. Plunkr прикреплен сюда.

ПРИМЕР PLUNKR

Я столкнулся с проблемой, когда у меня есть разные задачи с одинаковым именем в разных этапах, я рассматриваю эту задачу как отдельную веху. Если вы видите plunkr выше, то вы можете видеть, что task 14 - это задача с тем же именем в milestone 1 и milestone 2 с другим диапазоном дат, но я все еще рассматриваю task 14 за пределами контрольных точек как новую веху. Любая помощь по этому поводу приветствуется.


javascript jquery charts angularjs gantt-chart
person Bharatsing Parmar    schedule 24.05.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я вижу, что вы использовали массив children, чтобы связать родительский этап с его задачами. Мы можем сделать это в обратном порядке, чтобы решить вашу проблему. Просто свяжите дочерние задачи с их родителем. Используйте поле parent внутри подзадачи.

 $scope.data = [
        {
            name: 'Milestone 1',    //name of milestone
             //tasks inside this milestone
            content: '<i class="fa fa-map-marker" ng-click="scope.handleRowIconClick(row.model)"></i> {{row.model.name}}'  // no need to send this from backend
        },
        {
            parent: 'Milestone 1', name: 'Task 11', tooltips: true, tasks: [
            {
                id: 'work_111',  //id of task 11
                name: 'Work 111', // display name for this task
                color: '#a61229',  //the time color for this task
                from: '2017-05-01T00:00:00',  //start date, it must be a timestamp
                to: '2017-05-31T23:59:00'  //end date, it must be a timestamp
            }
        ]
        }];

Пожалуйста, посмотрите рабочий plunkr, который решает вашу проблему. РАБОЧИЙ ПЛАНКР

person Ankit Agarwal    schedule 24.05.2017