Gap on full-width chart when showing x axis #1212
Description
I have a 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.
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,
}
}