javascript - jQuery Flot：设置图表宽度（无标签）

Question

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

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

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

Answer 1

要使轴突出，您可以将轴（分别为 y 和 x）的 labelWidth 和 labelHeight 设置为负值并给容器一个边距，这样外面就有足够的空间。

CSS：

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

浮动选项：

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

正如您在jsFiddle中看到的那样，容器边框和绘图之间仍然存在间隙。您可以使用网格的minBorderMargin属性来控制它，但它不会完全隐藏绘图边框，因此您可能需要将网格设置borderWidth为 0 或 set borderColor。我用它更新了jsFiddle。