2绘制具有相同网格大小的图表

Question

我有一个包含2个flot图的网站。图1左侧有（f.ex。）3 y轴，右手有2 y轴。第一个下面的第二个图只有一个y轴。我该如何调整两个图，以便网格的宽度相同？我用

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

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

Answer 1

从您的问题中不清楚您是否希望图形排列（即网格的左侧应垂直排列或网格的顶部应水平排列）或者您是否希望网格是相同的尺寸（即图中的垂直线应相同宽度）。

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

引用该页面：

  

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

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