jquery - 2个具有相同网格大小的浮动图表

Question

我有一个带有 2 个浮动图的网站。图 1 左侧有 (f.ex.) 3 个 y 轴，右侧有 2 个。第一个图下方的第二个图只有一个 y 轴。如何调整两个图，使网格的宽度相同？我用

        GridWidth1 = flotGraph.width();
        GridHeight1 = flotGraph.height();

得到第一个图的宽度和高度，我想用这个值来调整第二个图。但它不起作用。有人知道...吗？

Answer 1

从您的问题中不清楚您是否希望图表排列（即网格的左侧应该垂直排列或网格的顶部应该水平排列）或者您是否希望网格具有相同的大小（即图表内的垂直线应具有相同的宽度）。

无论如何，让它们看起来“相同”的最佳选择是使用轴选项labelWidth、、labelHeight和reserveSpace（有关详细信息，请参阅API）。

从该页面引用：

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

所以你想要做的是在你的第二张图上指定相同的轴，但不要显示它们。