jQuery Flot：设置图表宽度（不带标签）

Question

有没有办法设置图表的实际尺寸（没有标签）？

我有一个宽度为880像素的容器，我想让图表完全延伸到那个并让轴相当伸出。现在它当然是应用填充，以便轴可以适合指定的区域。

我摆弄了固定的labelWidth选项和应用于容器的负边距，但这并没有让我感到有用。

Answer 1

要使轴伸出，可以将轴的labelWidth和labelHeight（分别为y和x）设置为负值，并为容器提供边距，因此外面有足够的空间。

CSS：

#placeholder {
    border 2px solid red;
    margin: 30px;
}

Flot选项：

var options = {
    xaxis: { labelHeight: -10 },
    yaxis: { labelWidth: -10 }
}

容器边框和情节之间仍有差距，您可以在jsFiddle中看到。您可以使用网格的minBorderMargin属性来控制它，但它不会完全隐藏绘图边框，因此您可能希望将网格的borderWidth设置为0，或设置borderColor。我更新了jsFiddle。