2016-03-02 50 views
2

我新來這vis.js庫(時間軸模塊),我試圖畫出一些時間軸的一些塊。問題是最後一行/組的高度;正如您在圖片中看到的那樣,它與時間軸中的其他行相比太高了。如何在vis.js中獲得不錯的最後一排高度?

這些行的高度是由庫計算的,所以我不能只給它一個樣式。

screenshot

Javascript代碼來啓動時間表:

var groups = new vis.DataSet(
    unitsData.map(function(unit) { 

     return { 
      id: unit.id, 
      content: unit.name, 
     }; 
    }) 
); 

var items = new vis.DataSet(
    shiftsData.map(function(s) { 
     return { 
      id: s.Id, 
      group: s.UnitId, 
      content: s.ShiftTypeName, 
      start: moment(s.Start), 
      end: moment(s.End), 
     } 
    }) 
); 

// Configuration for the Timeline 
var options = { 
    stack: false, 
}; 

// Create a Timeline 
var timeline = new vis.Timeline(container, null, options); 
timeline.setGroups(groups); 
timeline.setItems(items); 

回答

1

您可以設置配置選項{margin: { axis: 0}}爲,see docs以獲取更多信息。

+0

是的!非常感謝我指出了正確的方向。 'margin:{axis:5}'爲我完成了這項工作。真棒圖書館喬斯! –

+0

謝謝,不客氣:) –

相關問題