Html 图形的非固定高度（amCharts）

我正在尝试使用amCharts创建一个图表。 现在，我的html包含以下内容：

<div id="chartdiv" style="width: 100%; height: 400px;"></div>

它不起作用，什么也看不见

---

可以用百分比设置高度吗？我需要一个占屏幕高度50%的图表。也许可以通过引导如何实现这一点？

问题是，您没有指定页面的高度。 宽度有效，因为浏览器将使用显示宽度作为100%参考。但是，高度引用是内容的高度，在本例中为零

要解决此问题，只需将其添加到css中：

html, body {
    height: 100%;
}

---

这是一份。

请给我们一份JSFIDLE好吗？

html, body {
    height: 100%;
}