Flot条形图 - 最大条形的边距

Question

通常，最长的条跨越右边界。 我想要它就像你在图片上看到的那样。

我通过计算最大值并设置xaxis来实现这一目标：{ max: maxValue * 1.1 }。再一次，有点hacky。

我尝试过 - 没有成功：

            grid: {
                margin: 30,
                minBorderMargin: 10,
            },

Answer 1

您可以将autoscaleMargin属性添加到xaxis个选项中（只要您没有为xaxis设置最小值或最大值）：

xaxis: {
    autoscaleMargin: .02
}

来自Flot API文档：

  

＆＃34; autoscaleMargin＆＃34;有点深奥：它是缩放算法将添加的边距的一部分，以避免最外面的点最终在网格边界上。请注意，此边距仅在未明确设置最小值或最大值时应用。如果指定了边距，则绘图还将轴终点延伸到最接近的整个刻度。默认值为＆＃34; null＆＃34;对于x轴，对于y轴为0.02，这似乎适合大多数情况。

This JSFiddle显示了使用autoscaleMargin将网格边框与最长的条形值进行碰撞的示例。