消除Flot图表侧面的间隙?

时间:2013-12-19 12:00:10

标签: jquery flot

我有一个Flot图表,我想在其父容器中跨越100%。只要我关闭xaxis show选项,它就会像我想的那样工作。

但是一旦打开它,就会在左侧增加一个间隙(从附图中可以看出)。权利没问题。

chart

有什么想法吗?这是我的网格和x轴设置:

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。

1 个答案:

答案 0 :(得分:0)

你可以用css做。只需向课程留下保证金,或者为您的图表添加ID。像这样:

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

我只是给你左边缘:5px;你可以相应调整。希望它会有所帮助:)