Angular Gantt - How to set from-date and to-date range to show only required minutes?

Question

I am working an Angular Gantt Charts. I set my Gantt chart headers to show only minutes. Also I want to set from minutes and to minutes range. I have coded like below. But It always display the entire day view as minutes. Any idea? to show only the range in minutes? and Is It possible to show the headers in milliseconds?

$scope.options = {
 fromDate:new Date(2013, 10, 15, 14, 0, 0),
 toDate:new Date(2013, 10, 15, 17, 50, 0)}

 $scope.data = [   
    {name: 'row2', tasks: [
        {name: 'task3', from: new Date(2013, 10, 15, 15, 0, 0), to: new Date(2013, 10, 15, 15, 10, 0)},
        {name: 'task4', from: new Date(2013, 10, 15, 16, 20, 0), to: new Date(2013, 10, 15, 16, 50, 0)}
      ]
    }
]

<div gantt data="data" from-date = "options.fromDate" to-date = "options.toDate" headers="['minute']" >
<gantt-tree>  </gantt-tree> </div>

@Skanda Is there any other plugin is there for angular to show milliseconds in headers?? my duration range only in milliseconds and seconds?? — VijayVishnu, May 11 '16 at 09:31

score 2 · Accepted Answer · answered May 12 '16 at 05:06

2

You can add milliseconds to your header. But there seems to be an issue that the range is always from start of day to end of day.

Add headers and headersFormats to your div

<div gantt data="data" from-date = "options.fromDate" to-date = "options.toDate" headers="['seconds', 'milliseconds']" headers-formats="headersFormats">
<gantt-tree>  </gantt-tree> </div>

In your controller define the headerFormats as follows

$scope.headersFormats = {
  seconds: function(column) {
    return column.date.format('ss');
  },
  milliseconds: function(column) {
    return column.date.format('SSS');
  }
};

answered May 12 '16 at 05:06

Skanda

872
13
21

It wont be loaded after setting up milliseconds in header – VijayVishnu May 13 '16 at 11:11
how to rectify the range issue(start and end date) – VijayVishnu May 13 '16 at 11:14
Start end date I am still exploring – Skanda May 14 '16 at 07:50
Is there any other gantt chart to display ordinal values in headers?instead of timescale? – VijayVishnu Dec 14 '16 at 11:04
We couldn't get it working with Angular-Gantt and built our own gantt. – Skanda Dec 15 '16 at 06:16
can you share me the details. using which framework is easy to construct this? only d3 is enough? – VijayVishnu Dec 15 '16 at 06:58

Angular Gantt - How to set from-date and to-date range to show only required minutes?

1 Answers1