删除 Flot 图表一侧的间隙？答案

【问题标题】：Remove gap on side of Flot chart?删除 Flot 图表一侧的间隙？
【发布时间】：2014-01-07 23:53:28
【问题描述】：

我有一个 Flot 图表，我想在其父容器内 100% 跨越。只要我关闭了xaxis show 选项，它就可以正常工作。

但是一旦我打开它，它就会在左侧增加一个间隙（从附图中可以看到）。右边没问题。

有什么想法吗？这是我的网格和 xaxis 设置：

grid: {
  borderColor: 'transparent',
  hoverable: false,
  backgroundColor: 'transparent',
  minBorderMargin: 0,
  borderWidth: 0,
  margin: {
    top: 10,
    right: 0,
    bottom: 0,
    left: 0
  }
},
xaxis: {
  show: true,
  mode: "time",
  timezone: 'browser',
  timeformat: "%b",
  minTickSize: [1, "month"],
  reserveSpace: false,
  font: {
    size: 11,
  }
}

我正在使用 Flot 版本 0.8.2 和 jQuery 版本 1.10.2。

【问题讨论】：

您的图片未显示
对我来说工作得很好。这是一个直接链接：i.stack.imgur.com/8affH.png
哦，它被我的网络防火墙阻止了，你可以创建一个jsfiddle，jsfiddle.net
@Shpigford 这听起来像是一个错误。我们在 0.8.2 中修复了涉及情节右侧的类似问题，但我不认为同样的问题会影响左侧。它应该测量您的标签，并且仅在标签超出画布边缘时才分配额外空间，而这里没有。你能在github.com/flot/flot/issues开一个新问题吗？
@DNS 完成。 github.com/flot/flot/issues/1212

标签： jquery flot

【解决方案1】：

你可以用 css 做。只需将 margin-left 给类或 id 你的图表。像这样：

#chart{margin-left:-5px;}

我只是给你 margin-left:5px;您可以进行相应的调整。希望它会有所帮助:)

【讨论】：