先隐藏再显示，echarts显示不出来的问题（避坑）

最近做的项目中有一个需求，有9个板块，根据登录用户权限的不同显示对应的板块的表格。我起初的代码是这样写的。

<div class="layui-col-md4" id="echartBox1" style="display:none">
    *
</div>

也就是用display属性把9个板块都隐藏了，然后js里写if判断，需要哪个就用jquery的show方法把它显示出来。

$("#echartBox1").show();
echarts_1();

后面的echarts_1()就是绘表格函数。

但是这种方法能让div显示出来，但是div中的表格死活显示不出来。控制台也没有error报错。

后来把display:none样式去掉了，改成用jquery的hide方法来隐藏div，结果就可以了。

$("#echartBox1").hide();