Remove gap on side of Flot chart?

Viewed 1166

I have a Flot chart that I want to span 100% within its parent container. It works like I want as long as I have the xaxis show option turned off.

But once I turn it on, it adds a gap on the left (as you can see from the attached image). The right is fine.

chart

Any ideas? Here are my grid and xaxis settings:

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,
  }
}

I'm using Flot version 0.8.2 with jQuery version 1.10.2.

1 Answers
Related