使用选项卡CSS样式,出现include图表html显示过小(不正常). CSS样式:

问题:使用选项卡CSS样式,出现include图表html显示过小(不正常). CSS样式:

<style>
    #menu2{
        display: none;
    }
    #menu2:target{
        display: block;
    }
</style>

原因:
在设置生成图表时没有指定图表的固定大小.

<div id="{{ c.chart_id }}" class="chart-container" style="width:100%; height:75%; margin:auto; top:30px"></div>

解决办法:指定生成图表的大小: