在Google图表中格式化图例和轴

Question

我是谷歌图表的新手，我无法通过图表周围的文本获得良好的结果。

这是我的图表的样子：

正如您所看到的，它确实同时削减了水平轴和图例，因此最终结果并不像它可能的那样好。有办法解决这个问题吗？我一直在阅读official documentation以及这里的一些帖子，但我还没有找到办法。

回顾：我们如何修改图例或轴文本以使其完全可见？

Answer 1

经过一段时间的实验，我敢说，你可以选择在图例或轴上显示多少部分文字是不可能的。

然而，你可以玩他们的尺寸和位置，以便你得到 - 或多或少 - 我们正在寻找。 这是可以做到的：

legend: {position: 'top', textStyle: {fontSize: 14}}

我还使图像变得更大，因此它可以毫无问题地适应x轴（还可以选择使文本更小）。

这样做，这就是你得到的：

Answer 2

它主要是关于设置图表区域与宽度/高度的关系。

width: [yourChoice]px,
chartArea: {width: '50%'}

ref https://stackoverflow.com/a/6870732/661584

同样@ArcDare说使用其他可用的样式选项，如字体大小等

Answer 3

对于优化图表区域，

chartArea: {'width': '90%', 'height': '60%'}, 
legend: { position: 'bottom' },
hAxis : { textStyle : { fontSize: 10} },
vAxis : { textStyle : { fontSize: 10} },

诀窍是设置轴textStyle fontsize将在图表底部更好地放置图例，因为图表面积约为60-70％

随意使用我的自定义Google Charts插件，该插件可同时创建图表和表格。 https://github.com/cosmoarunn/gapiExt