Angular Gantt - 如何設置從最新到最新的範圍以僅顯示所需的分鐘數？

Question

我正在工作一個角甘特圖。我將甘特圖標題設置爲僅顯示分鐘。另外我想設置從幾分鐘到幾分鐘的範圍。我編碼如下。但它始終以分鐘顯示全天視圖。任何想法？僅以分鐘顯示範圍？是否有可能以毫秒顯示標題？

$scope.options = { 
 
\t fromDate:new Date(2013, 10, 15, 14, 0, 0), 
 
\t 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>

Answer 1

您可以毫秒添加到您的標題。但似乎存在一個問題，即範圍總是從一開始到一天結束。

添加頁眉和headersFormats到您的div

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

在你的控制器定義headerFormats如下

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