我正在尝试使用 amCharts 创建图表。 现在我的 html 包含以下内容:
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
它按宽度填满整个屏幕，但有硬编码的高度。结果它在我的手机上显示不正确。当我尝试这个时:
height: 50%;
它不起作用(没有显示)。
是否可以按百分比设置高度？(我需要一个占据屏幕高度 50% 的图表)。也许可以通过 Bootstrap(如何)实现这一点？
最佳答案
问题是，您没有指定页面的高度。 宽度有效，因为您的浏览器将使用您的显示宽度作为 100% 引用。然而，高度引用是内容的高度，在本例中为零。
要解决这个问题，只需将其添加到您的 css 中:
html, body {
height: 100%;
}
这是一个 fiddle .
关于html - 图的非固定高度(amCharts)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28406299/