javascript - jQuery Flot : Set width of chart (without labels)

标签 javascript jquery flot

有什么方法可以设置图表的实际大小(没有标签)?

我有一个宽度为 880 像素的容器,我想让图表精确地延伸到那个宽度,并让坐标轴突出。现在当然是应用填充,以便轴可以适合指定区域。

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

最佳答案

要使坐标轴突出,您可以将坐标轴(分别为 y 和 x)的 labelWidth 和 labelHeight 设置为负值,并为容器留出边距,以便外部有足够的空间。

CSS:

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

float 选项:

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

如您在jsFiddle 中所见,容器边界和绘图之间仍然存在间隙。 .您可以使用网格的 minBorderMargin 属性来控制它,但它不会完全隐藏绘图边框,因此您可能需要将网格的 borderWidth 设置为 0,或设置 边框颜色。我更新了 jsFiddle

关于javascript - jQuery Flot : Set width of chart (without labels),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18103346/

相关文章:

javascript - IBM MobileFirst 客户端中未调用 handleFailure?

javascript - 如何解决stackNavigator的问题

javascript - Moment.js - 从输入表单创建 "time"变量

javascript - 如何在加载源 (src) 之前在 iframe 上运行 Javascript 函数?

jquery - 使用 jQuery 将复杂的 JSON 对象发送到 Asp.net MVC

javascript - Flot 库将 y 轴设置为最小 0 和最大 24

javascript - if else 语句或 or 条件的倍数

jquery - Google Maps API V3 回调(KML 加载)

jquery - 在已经渲染的 jquery flot 图上绘制一个新系列

javascript - Flot 工具提示中显示的日期不正确