具有 table 布局的 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。

具有 table 布局的 Highcharts 动态高度

Highcharts dynamic height with table layout

jquery

html

css

highcharts