vAxis angular-google-chart中的单行标签 [英] vAxis Single line label in angular-google-chart

问题描述

我正在使用angular-google-chart在我的角度应用程序中实现google chart，当y轴标签(标有红色)太长时，它会分成三行显示"...".，我只想显示一行而不是3条，这是如何实现的.任何帮助深表感谢.

I am using angular-google-chart to implement google chart in my angular app, when the y axis labels (marked with red color) is too long it in coming up in three lines then showing "..." , i want only one one line to show up instead of 3, how this can be achieved. Any help is most appreciated.

推荐答案

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

in the chart's configuration options, you can add more room for the labels using the chartArea option...

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

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

you can also reduce the font size using the following vAxis option...

vAxis: {
  testStyle: {
    fontSize: 8
  }
}

这篇关于vAxis angular-google-chart中的单行标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！