Flotcharts barChart第一个和最后一个栏被切断

Question

我使用了Flot Charts和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：24 * 60 * 60 * 1000，适用于全宽条]

必须有其他的东西在发挥作用。