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，全宽度的条]

必须有在玩别的东西。