vAxis Single line label in angular-google-chart

天涯浪子 提交于 2021-02-10 15:46:30

问题


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.


回答1:


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

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

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

vAxis: {
  testStyle: {
    fontSize: 8
  }
}


来源:https://stackoverflow.com/questions/64785165/vaxis-single-line-label-in-angular-google-chart

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!