2具有相同網格大小的浮動圖表

Question

我有一個具有2個浮動圖形的網站。曲線圖1在左側具有（f.ex.）3y軸並且在右側具有2個。第一個圖下面的第二個圖只有一個y軸。我怎樣才能調整這兩個地塊，使網格的寬度相同？我使用

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

獲取第一個圖的寬度和高度，我想採取這個值來調整第二個圖。但它不起作用。有人有關於......的線索嗎？

Answer 1

從您的問題中不清楚您是否希望圖表排列（即網格的左側應垂直排列或網格的頂部應水平排列）還是希望網格是相同的尺寸（即，圖中的垂直線應當具有相同的寬度）。

無論不過，你最好的選擇，使它們看起來「相同」是使用軸選項labelWidth，labelHeight，並reserveSpace（見API瞭解詳細信息）。

從該頁面引用：

「labelWidth」和「labelHeight」指定以像素爲單位刻度 標籤的固定大小。如果您需要對齊幾個 的地塊，它們很有用。 「reserveSpace」表示即使未顯示軸，Flot 也應爲其保留空間 - 它與 labelWidth和labelHeight結合可用於對齊多軸圖表。

所以你想要做的是在第二張圖上指定相同的座標軸，但不要顯示它們。