angular-google-chart中的vAxis单行标签

Question

​

​

我正在使用angular- google -chart在我的angular应用程序中实现google图表，当y轴标签(用红色标记)太长时，它在三行中出现，然后显示"...“，我想只显示一行而不是3行，这是如何实现的。如有任何帮助，我们将不胜感激。

Answer 1

在图表的配置选项中，您可以使用chartArea选项为标签添加更多空间...

var options = {
  chartArea: {
    left: 600
  }
};

您还可以使用以下vAxis选项减小字体大小...

vAxis: {
  testStyle: {
    fontSize: 8
  }
}