Javascript 在HTML页面顶部形成奇数空格

我正在使用Google Charts API创建柱状图->

但由于某种原因，页面顶部形成了一个奇怪的空间

这是在我更改材质图表库后开始发生的：

google.load("visualization", "1.1", {packages:["bar"]});
var chart = new google.charts.Bar(document.getElementById('columnchart_material'));

var data = new google.visualization.DataTable();

并使用了经典图表（我需要它，因为材质库不完整，不允许自定义工具提示）：

这是原始材料图表->

---

出什么事了？

有点麻烦，但下面的内容会“排序”

---

不过，我还是不太明白为什么会发生这种情况？

添加图表区域的设置，例如：

chartArea: { width: '100%', height: '99%' },

或：

---

我想你的SVG高度有点问题。@CrisBenois:不，高度的1%差异或30像素的顶部偏移为标题腾出了空间。在你的CSS中，这取决于你是在内联还是在外联？

#columnchart_material{margin-top:-500px}

chartArea: { width: '100%', height: '99%' },

chartArea: { left: 0, top: 30, width: 1200, height: 5450 },