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

Odd Space forming on top of HTML page

本文关键字：空格 顶部 HTML      更新时间：2023-09-26

我正在创建一个列图与谷歌图表API->http://plnkr.co/edit/GTg6MfMephB8lR3Kp66S?p =

预览

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

这个开始发生在我改变材质图库之后:

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

并使用了一个经典的图表代替(我需要它，因为材质库不完整，它不允许自定义工具提示):

google.load('visualization', '1', {packages: ['corechart', 'bar']});
var chart = new google.visualization.BarChart(document.getElementById('columnchart_material'));
var data = google.visualization.arrayToDataTable([]);

这是原始的物料表-> http://plnkr.co/edit/dMVKt3ISlMtyiYmVeN1K?p=preview

怎么了?

为图表区域添加设置，例如:

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

或:

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

有点hack，但是下面会"排序"…

#columnchart_material{margin-top:-500px}

不太清楚为什么会发生这种情况?

相关文章：