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:字型大小 (以像素為單位)。