在浏览器检查窗口打开之前,Dygraphs div不可见

时间:2015-08-14 11:31:36

标签: javascript twitter-bootstrap dygraphs

我曾经使用过dygraphs并且从未遇到过这个问题。这困扰了我一个星期,所以我不得不来到SO。 (原谅URL,它是一个开发服务器)。 http://104.131.112.188/dev/inputModal.php

如果您转到该链接,请单击“运行模拟”按钮,将显示引导模式。里面它应该是一个dygraphs div,它就在那里但显得空白。我注意到如果我按Ctrl + Shift + I打开浏览器检查器/控制台,突然出现数据。这是在Firefox / Chrome中。

如果我将div移到这个模态之外,这不会发生,我无法理解。想法?

1 个答案:

答案 0 :(得分:2)

我可以确认下面这个方法对我有用。谢谢大家。

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