2017-05-24 12 views
1

私のページには角度のあるガントチャートがあります。 plunkrはここに添付されています。私は問題に直面しています何同じサブタスクがアングルガントチャートのマイルストーンとして表示されます

PLUNKR EXAMPLE

あなたはtask 14があることがわかります、私は別のマイルストーンの下に同じ名前の異なるタスクを持っているとき、私はあなたが上plunkrを参照してください別のmilestone.Ifとして、そのタスクを参照してくださいということですmilestone 1milestone 2の日付範囲は同じですが、まだ という名前のタスクは、新しいマイルストーンとしてマイルストーンの外にtask 14が表示されています。これに関する助言は高く評価されます。

答えて

1

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 
      } 
     ] 
     }]; 

問題を解決する作業プランナーを参照してください。 WORKING PLUNKR

+0

魅力的な作品です。ありがとうございました! –

関連する問題