Javascript HTML5没有'；不加载隐藏的div？

我想做一个可切换的图表，如果一开始图表是可见的，一切都很好。但是，如果我使用

display:none

然后切换，图表不会显示实际的烛台条，我也不知道为什么

应该是：

这是我的密码：

var chart=new cryptowatch.Embed（'bitfinex'，'btcusd'，'{
时间段：“1d”，
宽度：650，
定制配色方案：{
bg:“000000”，
文本：“b2b2b2”，
textStrong：“e5”，
text弱：“7f7f7f”，
简写：“FD4600”，
短补：“FF672C”，
长：“6290FF”，
长填充：“002782”，
cta:“363D52”，
CTA亮点：“414A67”，
警报：“FFD506”，
}
});
挂载（“#图表容器”）；
$（'#btn'）。单击（函数（）{
$（“#图表容器”）。切换（200）；
});
html{
显示器：flex；
证明内容：中心；
文本对齐：居中；
}
#图表容器{
宽度：100%；
高度：400px；
显示：无；
}
#btn{
字号：2em；
宽度：200px；
边框：黑色2px实心；
填充：2px0；
光标：指针；
}

点击
您可以简单地使用javascript的“getElementById（）”函数，而不是使用css的“display:none”属性

例如：

<div id="myDiv"></div>
document.getElementById("myDiv").innerHTML = "Div changed!";


document.getElementById（“myDiv”）.innerHTML=“Div changed！”；

希望这会很好。
谢谢：）
如果您在
图表容器中添加一个
包装
，然后切换，即其高度，它将正常工作


HTML

JS

请在此处使用
代码段编辑器instead@mplungjan你能看到比烛台还多的还是空的黑框？啊，我看到空框可能是浏览器问题或缓存。。因为它在谷歌很好用chorme@M.KHossain-我在Chrome上也遇到同样的问题。它很有效！谢谢你，老板。你知道是什么原因造成的吗？@ICONED使用
display:none
可以给出一些图形无法绘制的问题，因为元素只是没有显示出来。我很难看出这个答案和问题之间的联系。你看过OP的演示中发生了什么吗？DIV的内容由图表库设置。是的，兄弟。首先，正确阅读你的问题。请用适当的方式提问，兄弟。这样你就可以得到正确的答案。
<div id="container">
  <div id="chart-container"></div>
</div>

#container {
  width: 100%;
  height: 0;
  overflow: hidden;
}
#container.show {
  height: 400px;
}

$('#btn').click(function(){
  $('#container').toggleClass('show');
});