Dygraphs div不可見，直到瀏覽器檢查窗口打開

我已經使用了dygraphs一段時間並從未遇到過這個問題。這一直困擾着我一個星期，所以我不得不去SO。（原諒URL，它是一個開發服務器）。 http://104.131.112.188/dev/inputModal.php Dygraphs div不可見，直到瀏覽器檢查窗口打開

如果轉到那個鏈接，點擊「Run Simulation」按鈕，將會出現一個引導模式。它內部應該是一個dygraphs div，它在那裏，但顯示爲空白。我注意到如果我按Ctrl + Shift + I打開瀏覽器檢查器/控制檯，突然出現數據。這是在Firefox/Chrome中。

這不會發生，如果我把這個模式外的div移動，我不知道。思考？

來源

2015-08-14 bo_knows

你可以通過jquery觸發圖的resize事件。我也有與圖形相同的問題，它是通過加載地圖（在您的情況圖）後手動觸發resize事件來解決的。 – Abhishek

你把調整大小的電話放在哪裏？在創建dygraph對象之後？這對我沒有用。在控制檯中執行g.resize（）會顯示圖形，所以我們正處於正確的軌道上... –

如果您通過AJAX獲取數據，如果您將'resize'調用放入'準備好'處理程序，例如'g.ready（function（）{g.resize（）;}）'。 – danvk

我可以證實下面的這個方法適用於我。謝謝大家。

<script> 
    var graph = new Dygraph(document.getElementById("graphPanel"), "temperatures.csv", { 
     animatedZooms: true 
    }); 
    $(document).ready(function() { 
     graph.resize(800, 500) 
    }); 
</scrip>

來源

2016-02-19 14:40:14

Dygraphs div不可見，直到瀏覽器檢查窗口打開

回答

相關問題