1

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

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

目前我的谷歌图表宽度为 460 像素，但是当我用萤火虫查看图表时，我看到图表中的 svg-tag 正确设置为 460 宽度，但实际上是 472 像素宽（导致你可以在下图中看到）。

http://i.imgur.com/uAuD7.png

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

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

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

谷歌图表中 svg-tag 的图片（请注意，该元素比另一个元素大，并且它使用的左侧空间比其父元素（div）更多。

两者都可以在这里找到：

http://imgur.com/8owiA,SsgM2#0

问候，马丁。

4

1 回答 1

0

问题是谷歌图表计算图表中考虑字体大小的位置和大小。

我的 css 覆盖了谷歌图表使用的“自动”字体大小（在我的例子中是 12px），我的 css 中有 13px 的字体大小。

解决方案是获取指定的“文本”css-path（在本例中为：svg ggg 文本）并使文本为 12px（在 .css 文件中）

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

vAxis: {textStyle: {fontSize: 13}}
于 2013-01-18T08:34:50.017 回答