显示为none的div中的画布不起作用

Question

我遇到了canvas元素的问题.它没有显示它何时在隐藏的div中并且div被切换.更好的解释和例子在这里

这种情况发生在ff和chrome(未测试其他人).谁能告诉我为什么/如何克服这个问题.

Answer 1

问题是 dygraphs 检测到 div 的宽度/高度为 0/0，并且在重新绘制之前不会学习其他内容（调整单个 DOM 元素大小时不会触发 JS 事件）。

最简单的解决方法是明确地让 dygraph 知道它应该更新其大小并在 div 切换后重新绘制自身g.resize();

    $(document).ready(function(){
      $('.click').click(function(){
        $('#hidden').toggle();
        g.resize();
      });
    });