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

Question

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

这是我的图表的样子：

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

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

Answer 1

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

但是，你可以玩它们的尺寸和位置，这样你就可以得到更多或更少的东西。 这是可以做到的：

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

我还使图像更大一点，因此它适合x轴而没有问题（还可以选择使文本更小）。

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

Answer 2

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

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

参考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