浮動圖表調整大小錯誤，無效高度

我正在嘗試將flot圖形添加到我的頁面，並且在添加調整大小到圖形時遇到了一些問題。對於調整大小插件工作寬度和高度og佔位符div需要設置爲100％。但是，當我這樣做，並希望在新窗口中加載圖我試圖調用文檔準備好劇情方法，但高度或我的div是0 althoug包含div har高度= 600px（所以佔位div應該有相同的？）。浮動圖表調整大小錯誤，無效高度

<div id ="ResizableContainer" class="ui-widget-content" style="width:900px;height:600px;"> 
    <div id="placeholderForGraph" class="graph-placeholder" ></div> 
</div>

my.css：

.graph-placeholder { 
    width: 100%; 
    height: 100%; 
    font-size: 14px; 
    line-height: 1.2em; 
    padding: 0; 
    position: relative; 
}

my.js

$("#placeholderForGraph").text(''); 
$("#ResizableContainer").show(); 
$("#placeholderForGraph").plot([data], options);<- error

錯誤：情節無效尺寸，寬度= 900，高度= 0

如果設置heigth在調用plot之前，圖形不會調整高度如何在不破壞的情況下將高度添加到div調整大小的能力？

在此先感謝！

來源

2014-02-27 Margo

您是否使用jquery UI的Resizable（http://jqueryui.com/resizable/）插件？ – Mark

@Mark 是的，我正在做這第一個$（「＃ResizableContainer」）。resizable（）; 並且區域顯示並且可以調整大小 – Margo

我的整個修補程序有點不方便，但它的工作原理。我第一次設置的高度是一樣的容器

$("#ResizableContainer").show(); 
    if ($("#placeholderForGraph").height() === 0) { 
     $("#placeholderForGraph").css('min-height', $("#ResizableContainer").height()); 
    } 
    plot = $.plot($("#placeholderForGraph"), []);

再填寫的數據和我的選擇選項的圖形之後，我改變風格OG中的佔位符：

$("#placeholderForGraph").css('min-height', "100px"); 
$("#placeholderForGraph").css('height', "100%"); 
$("#placeholderForGraph").css('width', "100%");

非常感謝@Raidri的幫助:)

來源

2014-02-28 13:08:17 Margo

將min-height設置爲.graph-placeholder達到一些合理的絕對值，如100px。

而且我還建議設置可調整大小的容器的最小值和最大值（請參見here）。

來源

2014-02-28 09:46:06 Raidri

謝謝，幫助，即使可重複容器更大，圖形也將顯示爲100px高度，但圖表顯示:) – Margo

浮動圖表調整大小錯誤，無效高度

回答

相關問題