Class TextStyle

TextStyle

一个文本样式配置对象。在图表选项中使用,用于为元素配置文本样式 例如标题、横轴、纵轴、图例和提示。

// This example creates a chart specifying different text styles for the title and axes.
  var sampleData = Charts.newDataTable()
      .addColumn(Charts.ColumnType.STRING, "Seasons")
      .addColumn(Charts.ColumnType.NUMBER, "Rainy Days")
      .addRow(["Winter", 5])
      .addRow(["Spring", 12])
      .addRow(["Summer", 8])
      .addRow(["Fall", 8])
      .build();

  var titleTextStyleBuilder = Charts.newTextStyle()
      .setColor('#0000FF').setFontSize(26).setFontName('Ariel');
  var axisTextStyleBuilder = Charts.newTextStyle()
      .setColor('#3A3A3A').setFontSize(20).setFontName('Ariel');
  var titleTextStyle = titleTextStyleBuilder.build();
  var axisTextStyle = axisTextStyleBuilder.build();

  var chart = Charts.newLineChart()
      .setTitleTextStyle(titleTextStyle)
      .setXAxisTitleTextStyle(axisTextStyle)
      .setYAxisTitleTextStyle(axisTextStyle)
      .setTitle('Rainy Days Per Season')
      .setXAxisTitle('Season')
      .setYAxisTitle('Number of Rainy Days')
      .setDataTable(sampleData)
      .build();

方法

方法返回类型简介
getColor()String获取文本样式的颜色。
getFontName()String获取文本样式的字体名称。
getFontSize()Number获取文本样式的字体大小。

详细文档

getColor()

获取文本样式的颜色。

// Creates a new text style that uses blue text and logs the color.
var textStyle = Charts.newTextStyle().setColor('blue').build();
Logger.log(textStyle.getColor());

返回

String - 颜色的 CSS 值(例如 "blue""#00f")。


getFontName()

获取文本样式的字体名称。

// Creates a new text style that uses Ariel font and logs the font name.
var textStyle = Charts.newTextStyle().setFontName('Ariel').build();
Logger.log(textStyle.getFontName());

返回

String - 字体名称。


getFontSize()

获取文本样式的字体大小。

// Creates a new text style that uses 18 pixel font size and logs the font size.
var textStyle = Charts.newTextStyle().setFontSize(18).build();
Logger.log(textStyle.getFontSize());

返回

Number - 字体大小(以像素为单位)。