如何调整和对齐flot图

时间:2012-06-22 03:27:43

标签: jquery flot

默认情况下,flot会将图形和轴标签的大小设置为在div容器内修复。如果页面上有一系列图形,每个图形中有不同的变量,则轴标签的大小不同,因此图形画布的大小也不同,并且不能整齐排列。

有没有办法设置flot画布的大小和位置,以便图形在容器中是固定的大小和位置

1 个答案:

答案 0 :(得分:7)

不完全没有。你可以做的是指定轴标签的宽度/高度,这将迫使画布在不同的图形之间排列。

来自API.txt

  

“labelWidth”和“labelHeight”指定刻度的固定大小   标签以像素为单位它们在您需要对齐多个时非常有用   地块。 “reserveSpace”表示即使没有显示轴,也可以使用Flot   应该为它预留空间 - 它可以与之结合使用   labelWidth和labelHeight用于对齐多轴图表。

除此之外,如果您希望图形之间的实际轴相同,则需要确定所有数据集之间每个轴的全局最小值/最大值,然后为每个图形中的每个轴指定