Highcharts动态高度与表格布局

Question

以下代码段中的图表高度是否有可能以与宽度相同的方式自动调整大小（参见下面的jsfiddle）？

<div class="chartTable">
    <div class="chartRow">
        <div id="chart1" class="leftContainer"></div>
        <div id="chart2" class="rightContainer"></div>
    </div>
    <div class="chartRow">
        <div id="chart3" class="leftContainer"></div>
        <div id="chart4" class="rightContainer"></div>
    </div>
</div>

http://jsfiddle.net/cmoowwm1/

回顾＆＃34;位置：绝对＆＃34;样式将说明我希望它如何工作，但显然需要查看所有4个图形。

Answer 1

如果您只想使用CSS，则需要保留第一行 position:absolute 。

我使用 position:fixed 作为第二行， bottom: 0 将其作为页脚保持在底部。所以这只适用于双排图表页面。这是您正在寻找的 DEMO 。