jquery - 如何调整浮动图的大小和对齐方式

Question

默认情况下，flot 调整图形和轴标签的大小以固定在 div 容器内。如果您在页面上有一系列图表，每个图表中的变量不同，则轴标签的大小不同，因此图表画布的大小不同并且不能整齐地对齐。

有没有办法设置浮动画布的大小和位置，以便图表在容器中是固定大小和位置

Answer 1

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

从API.txt：

“labelWidth”和“labelHeight”指定刻度标签的固定大小（以像素为单位）。如果您需要对齐多个图，它们很有用。“reserveSpace”意味着即使没有显示轴，Flot 也应该为它保留空间 - 它与 labelWidth 和 labelHeight 结合用于对齐多轴图表很有用。

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