为什么Google Charts总是溢出？

时间：2014-05-14 07:57:38

标签： javascript html css google-visualization

我现在正在挖谷歌一个小时，以找出为什么谷歌图表api让它的父母dom溢出。

每次绘制图表时都会出现滚动条

Scrollbars appear every time I draw the chart

正如您所看到的，没有填充或边距。当我使用chart.draw()的默认设置时，我得到了相同的结果。

As you can see there is no padding or margin

如何让图表恰好适合它的容器？（overflow: hidden在这里不是一个好的解决方案，因为图表本身也会溢出，我不想将其删除）

提前感谢您的帮助！

更新：JsFiddle

1 个答案:

答案 0 :(得分：4)

在您的情况下，问题基本上是您指定#chart的高度，并将其设置为overflow-y: auto。这将导致显示垂直的scollbar，并且由于您设置了width: 100%，并且垂直滚动条占用空间，因此会出现水平滚动条。删除overflow-y: auto声明，你就可以了。我建议你删除height: 350px