我正在尝试在我的网站上使用 display:none 和 display:block 。样式如下:
<style>
.div_class {
display: none;
}
</style>
正文内容为:
<div class="div_class">
<div id="graph_id"></div>
</div>
脚本是:
<script>
// some event occurs and sets the display property of div_class to block as follows
$(".div_class").css('display','block');
var BarGraph = echarts.init(document.getElementById('graph_id'), theme);
BarGraph.setOption({
// properties that are set for the echart 'graph_id'
});
</script>
使display: block;
div 可见,但设置的 echart 属性不呈现。div 显示为空白。可能是什么原因?我无法弄清楚。请帮忙。谢谢 :)
*************************** 编辑 ********************** ******************
另外,我认为标题可能具有误导性,因为我可以隐藏 div onload 并在单击时显示它。但是后来的渲染是我面临某些问题的地方。