Fletcharts酒吧图表第一个和最后一个酒吧被切断

Flotcharts barChart first and last bar cut off

本文关键字：酒吧 最后一个 第一个 Fletcharts      更新时间：2023-09-26

我使用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

如何完全显示第一个（也是最后一个）栏？

我不能发表评论，所以我会回答！

当我将你提供的代码插入Flot时，它运行得很好，图表在左侧显示了完整的条形图，我在这里创建了一个快速Fiddle：http://fiddle.jshell.net/6xpLey6e/1/并通过IE和Chrome进行了检查。

[将条形宽度更改为条形宽度：24*60*60*1000，适用于全宽条形]

肯定还有别的事情在起作用。

相关文章：