Google visualization google图表y轴文本被截断（svg标记太宽）

我在工作中实现了一个谷歌图表功能，它通常运行得很好

我刚才注意到图表中有一个错误。图表的左侧（更具体地说是y轴的文本）被截断

目前，我的谷歌图表的宽度是460px，但当我用firebug查看图表时，我看到图表中的svg标记的宽度正确设置为460，但实际上是472px宽（这导致了下图所示）

有趣的是，在一个更大的显示器（fx.600px宽）中，它工作得非常好。如果我在javascript中插入一个yAxis标题，它也可以工作

我不知道如何解决这个问题，但我希望你们中的一些人也遇到了同样的问题，并提出了解决方案或解决方案

用于绘制图表的正常div的图片，在firebug布局打开的情况下拍摄

google图表中svg标记的图片（请注意，该元素比另一个元素大，并且其左侧使用的空间比其父元素（div）多）

两者都可以在这里找到：

---

您好，马丁。

问题在于谷歌图表在图表中计算位置和大小，并将字体大小考虑在内

我的css重写了google chart使用的“自动”字体大小（在我的例子中是12px），我的css中有13px的字体大小

解决方案是获取指定的“文本”css路径（在本例中为svg文本），并将文本设置为12px（在.css文件中）

或者简单地在谷歌图表的javascript中设置与我的CSS相关的正确字体大小，如下所示：

vAxis: {textStyle: {fontSize: 13}}