Flotcharts barChart第一個和最後一個酒吧切斷

Question

我正在使用Flot圖表和AngularJs的組合來顯示條形圖。 最初，圖表創建爲折線圖。 條形圖使用時間模式，顯示的數據通過時間戳鏈接。

圖表選項：

$scope.chartOptions = { 
    series : { 
     bars: { 
      show: true, 
      barWidth: 60*60*60*60, 
      align: 'center' 
     } 
    }, 
    grid : { 
     borderColor : '#eee', 
     borderWidth : 1, 
     backgroundColor: null, 
     clickable: true 
    }, 
    yaxis:{ 
     minTickSize: 0, 
     tickDecimals: 0 
    }, 
    xaxis: { 
     mode: "time", 
     tickSize: [1, 'day'], 
     timeformat: "%d %b", 
     minTickSize: 7, 
     timezone: 'browser' 
    }, 
    shadowSize : 0 
}; 

圖表數據：

[[1445814000000,3],[1445900400000,3],[1445986800000,15],[1446073200000,9]] 

與圖表顯示是這樣的： http://puu.sh/lgi6e/83f61cbf8c.png

我怎樣才能充分顯示第一個（也是最後一次）酒吧？

Answer 1

我無法評論，所以我會回答！

您提供的代碼工作正常，當我將它放入Flot中時，該圖顯示了左側的完整酒吧，我在此處創建了一個快速小提琴：http://fiddle.jshell.net/6xpLey6e/1/並使用IE和Chrome進行了檢查。

[中barwidth更改爲barWidth：24 * 60 * 60 * 1000，全寬度的條]

必須有在玩別的東西。