2016-10-18 91 views
0

有沒有一種方法/解決方法來構建visjs時間間隔條形圖而不是單個時間戳?時間間隔Visjs條形圖而不是單個時間戳

例如,我想顯示10分鐘間隔的酒吧。爲條形圖設置數據的標準方法是與X軸單個座標的數組:

var items = [ 
    {x: '2016-10-18 18:00:00', y: 10}, 
    {x: '2014-10-18 18:10:00', y: 8}, 
    {x: '2014-10-18 18:20:00', y: 9}, 
    {x: '2014-10-18 18:30:00', y: 5}, 
    ... 
] 

如果在選項我們設置右對齊和大條寬(例如50個像素),然後在一定規模的圖形很好地顯示 - 當條形圖達到以下時間戳時,其寬度縮小而不重疊。請注意,這裏說的實際欄寬度小於期權

var options = { 
    style:'bar', 
    barChart: {width:50, align:'right'}, 
    drawPoints: false 
} 

graph with adjacent bars

但是,如果圖形比例發生變化,在某些點酒吧將開始覆蓋不充分的時間間隔(10分鐘間隔,這裏設爲值)。因爲在選項中設置線條的寬度並不在這個規模達到以下欄的開始:

graph with not adjacent bars

我試圖設置欄寬度選擇,更大的價值,但在某些時候吧開始重疊:

graph with overlapping bars

有什麼可以做的改善嗎?

回答

0

事實證明,這可以通過將'end'屬性添加到項目(不知道它是否總是存在或最近添加)來實現。爲了得到10個分鐘的間隔從問題的項目應配置是這樣的:

var items = [ 
    {x: '2016-10-18 18:00:00', end: '2016-10-18 18:10:00', y: 10}, 
    {x: '2014-10-18 18:10:00', end: '2014-10-18 18:20:00', y: 8}, 
    {x: '2014-10-18 18:20:00', end: '2014-10-18 18:30:00', y: 9}, 
    {x: '2014-10-18 18:30:00', end: '2014-10-18 18:40:00', y: 5}, 
    ... 
] 

當用於項目end財產,在optionswidth屬性被忽略。

相關問題