jquery - 具有表格布局的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/

在“position:absolute”样式中回复将说明我希望它如何工作，但显然需要查看所有 4 个图表。

Answer 1

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

我对第二行使用了 position:fixed 并使用 bottom: 0 将其保持在底部页脚。所以这只适用于两行图表页面。这是一个 DEMO 您正在寻找的内容。